Window物件的open方法
阿新 • • 發佈:2018-12-23
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>
執行結果: