2015-06-04 20 views
0

我想在新標籤頁或新窗口中打開一些內容。我正努力的代碼是如何指定使用window.open打開的新窗口的外部js和css

var w = window.open(); 

$(w.document.head).html("<link rel='stylesheet' href='style.css'/>"); 

$(w.document.body).html(data); 

其中數據代表的HTML內容將被放置在新window.The問題是,打開新窗口時,所有的內容出現,但其款式丟失。雖然在頭部檢查標籤顯示未定義。如何以適當的樣式在新窗口中顯示數據?

回答

1

更換***與您的HTML代碼

var w = window.open(); 
w.document.write('<html><head><title>Test</title>'); 
w.document.write('<link rel="stylesheet" href="style.css">'); 
w.document.write('</head><body>'); 
w.document.write('<p>This is the new page.</p>'); 
w.document.write('</body></html>'); 
w.document.close(); 

讓我知道這是非常有用的:)

+0

對不起,它不工作。給我帶來同樣的麻煩 – Adhi

+0

我已經添加了另一個編輯我敢肯定,這應該炒鍋,所以我不知道什麼是錯誤的,如果不是對不起 –

0

如果你使用HTML,你可以只設定目標爲空白,這將打開一個新窗口中的鏈接:

<a href="http://www.example.com" target="_blank">This will open in a new window</a> 

希望這有助於

+0

這是不可能在這種情況下,因爲這是在新的頁面已經從backend.It採取要加載的數據不是一個簡單的鏈接,因爲你指定 – Adhi

0

下面的計算器答案Add css file with jquery介紹瞭如何使用追加添加一個外部文件到元素。

你的情況

所以,像

$(w.document.head).append("<link rel='stylesheet' href='style.css' type='text/css'/>"); 

應該工作

相關問題