18.js中window内置对象

1.开启一个新的窗口?

使用window.open("网址","_blank");

或者window.open("网址");默认开启一个新的窗口

 

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 2 "http://www.w3.org/TR/html4/loose.dtd">
 3 <html>
 4 <head>
 5 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 6 <title>无标题文档</title>
 7 
 8     <script type="text/javascript">
 9     
10         function openBaidu(){//开启一个新的百度窗口
11         
12             //新窗口称为子窗口
13             //老窗口称为父窗口
14         
15             //window.open("http://www.baidu.com","_blank");
16             window.open("http://www.baidu.com");//默认开启一个新的窗口
17         
18         }
19     
20     </script>
21     
22 </head>
23 
24 <body>
25     <input type="button" value="百度" onclick="openBaidu()">
26 </body>
27 </html>
View Code

 

2.开启一个新窗口,并且在新窗口中获取父窗口的元素?

(1)首先在js中全局变量,全局函数都是window对象的属性,只是window.可以省略而已;

(2)开启一个新窗口使用window.open("网址");

(3)获取父窗口中的元素首先使用window.opener属性获取父窗口;然后用父窗口调用父窗口中元素;

注意:window.opener属性在谷歌chrome浏览器中不支持;

 

 

父窗口:

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 2 "http://www.w3.org/TR/html4/loose.dtd">
 3 <html>
 4 <head>
 5 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 6 <title>父窗口</title>
 7 
 8     <script type="text/javascript">
 9         
10         //全局变量
11         var ename="Simth";
12         alert("ename:"+window.ename);
13         
14         //在js中全局变量,全局函数都是window对象属性,只是window.是可以省略的
15         
16         //全局函数
17         function sayHello(){
18         
19             alert("hello");
20         
21         }
22         
23         //调用后全局函数
24         window.sayHello();
25         
26     
27     </script>
28 
29 </head>
30 
31 <body>
32 
33     <input type="button" value="打开子窗口" onclick="window.open('子窗口.htm')"/>
34 
35 </body>
36 </html
View Code

子窗口:

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 2 "http://www.w3.org/TR/html4/loose.dtd">
 3 <html>
 4 <head>
 5 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 6 <title>子窗口</title>
 7 
 8     <script type="text/javascript">
 9     
10         function getParentEname(){//获取父窗口中的ename
11         
12             var parentWindow=window.opener;//获取父窗口
13             var ename=parentWindow.ename;//获取父窗口中ename
14             alert(ename);
15             
16             //注意:谷歌chrome浏览器无法使用window.opener获取父窗口;
17         
18         }
19     
20     
21     </script>
22 
23 </head>
24 
25 <body>
26 
27     <input type="button" value="获取父窗口中的ename" onclick="getParentEname()"/>
28 
29 </body>
30 </html>
View Code

 

转载于:https://www.cnblogs.com/xuzhiyuan/p/7879237.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值