2011-07-12 116 views
0

更新:如果需要,將使用jquery ... 好吧,我幾乎所有的工作,我需要...我只是有一個簡短的問題。我怎樣才能把額外的HTML/JavaScript到document.write函數?我正在嘗試使用window.open(是的,我知道我應該調用頁面,但我想這樣做只是使用一個頁面index.html),我想嵌入一些圖像和另一個按鈕,但它贏了不工作?我需要做些什麼來實現這個目標? (以及窗口2上的按鈕的javascript應該去哪裏?)window.open javascript問題jquery

Backstory: 有index.html,有1個鏈接和1個按鈕。按鈕打開窗口1,鏈接打開窗口2.窗口2有一個可以關閉窗口的按鈕1.結束!

的index.html:

<head> 
<script type="text/javascript"> 
function openWin1() 
{ 
myWindow=window.open('','',''); 
myWindow.document.write("<p>I want flower.jpg here</p>"); 
myWindow.focus(); 
} 
function openWin2() 
{ 
myWindow=window.open('','',''); 
myWindow.document.write("<p>I want bee.jpg here, a background color and a button 
that will close window1</p>"); 
myWindow.focus(); 
} 
</script> 

</head> 

<body> 
<input type="button" value="Window 1" onclick="openWin1()" /><br /> 
<a href="javascript:openWin2()">Window 2</a> 
</body> 
</html> 
+0

你打算使用jQuery嗎? –

+0

@glennferrielive是啊,只要我還可以只有一個頁面... – crosby

+0

其他人有任何幫助?將採取幾乎任何東西... – crosby

回答

-1

試試這個

<head> 
<script type="text/javascript"> 
var Window1, Window2; 
function openWin1() 
{ 
Window1=window.open('','',''); 
Window1.document.write("<p>I want flower.jpg here</p>"); 
Window1.focus(); 
} 
function openWin2() 
{ 
Window2=window.open('','',''); 
Window2.document.write("<p>I want bee.jpg here, a background color and a button 
that will close window1</p>"); 
Window2.focus(); 
} 
</script> 

</head> 

<body> 
<input type="button" value="Window 1" onclick="openWin1()" /><br /> 
<a href="javascript:openWin2()">Window 2</a> 
</body> 
</html> 

To close Window1 from a button in Window2 use the below code 

function closeWindow2(){ 
window.opener.Window1.close(); 
} 

This button will be in Window2 
<input type="button" onclick="closeWindow2()" /> 
+0

你能解釋投票的理由嗎? – ShankarSangoli

+0

我沒有投票......不知道是誰做的!感謝您的幫助 – crosby

0
function openWin1() 
{ 
    myWindow=window.open('','',''); 
    myWindow.document.write("<p><img src=\"http://www.digital-photography-school.com/wp-content/uploads/2007/11/flower.jpg\" /></p>"); 
    myWindow.focus(); 
} 
function openWin2() 
{ 
    myWindow=window.open('','',''); 
    myWindow.document.write("<style type=\"text/css\">body{background-color:yellow;}</style><p><img src=\"http://4.bp.blogspot.com/_YGkSujzLG1g/S8eFOjiQ7yI/AAAAAAAAAA8/wSRi2dGDr-c/s400/bee.jpg\" /></p><input type=\"button\" onclick=\"window.close();\" value=\"close me\" />"); 
    myWindow.focus(); 
} 

工作例如:http://jsfiddle.net/AlienWebguy/rLmCR/

+0

真棒!非常感謝!!! – crosby

+0

哦,等一下,我只是注意到窗口2上的按鈕自己關閉了。我試圖讓按鈕關閉窗口...我需要改變以實現這一目標?謝謝! – crosby

+0

窗戶只能通過打開它的窗戶關閉,當然也可以通過窗戶關閉。 – AlienWebguy

0

閱讀您的意見後,我覺得你的問題實際上可以歸結爲需要到知道如何避免字符串中的括號。究其原因,你越來越語法錯誤,如果你做這樣的事情:

myWindow.document.write("<p>I want <img src="myimageurl">flower.jpg here</p>"); 

是,"即將結束的字符串。您可以使用\字符轉義字符串,像這樣:

myWindow.document.write("<p>I want <img src=\"myimageurl\">flower.jpg here</p>"); 

這不會給你語法錯誤。

+0

謝謝。新的JavaScript,所以我不記得那樣做!大聲笑 – crosby