1. 程式人生 > >Window物件的open方法

Window物件的open方法

open方法的語法如下:
window.open(url,name,features,replace)
引數說明:
URL:一個字串。在新視窗中開啟的文件的URL;
name:一個字串。新開啟的視窗的名字,用HTML連結的Target屬性進行定位是會有用;
features:一個字串。列舉創口的特徵;
replace:一個布林值。指明是否允許URL替換視窗的內容,適用於已建立的視窗。

開啟一個新的視窗並操作其中的內容。
程式碼如下:

<!doctype html>
<html lang="en">
 <head
>
<meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>操作新開視窗中的資料</title> </head> <body> <form name="myForm"
>
<input type="text" name="myText1"><br> <input type="text" name="myText2"><br> <input type="button" value="檢視效果" onClick="openWindow(myText1.value,myText2.value)"> </form> <script language="javascript" type="text/javascript"> function openWindow(t1,t2)
{
var myWin=window.open("new.html","","width=300,height=300"); myWin.myForm.myText1.value="由父級視窗輸入的文字:"+t1; myWin.myForm.myText2.value="由父級視窗輸入的文字:"+t2; }
</script> </body> </html>

new.html檔案中的程式碼如下:

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>新開的視窗</title>
 </head>
 <body>
  <form name="myForm">
  <input type="text" name="myText1" size="40"><br>
  <input type="text" name="myText2" size="40"><br>
 </body>
</html>

執行結果:
這裡寫圖片描述