Window对象的open方法_1window对象的open方法-CSDN博客

本文链接：https://blog.csdn.net/qq_37860994/article/details/80101901

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>

运行结果：
这里写图片描述