window.open()

今天参考一本js的书籍,其中讲到window.open(url,windowname[,location])打开新页面的方法

url:目标窗口的url

windowname:window对象名

location:打开窗口的参数

 

现在要做个实例:子窗口碰到屏幕四周时会进行反弹

代码如下:

 1 <!DOCTYPE html>
 2 <html>
 3 
 4     <head>
 5         <meta charset="utf-8" />
 6         <title></title>
 7         <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
 8         <style>
 9             * {
10                 margin: 0;
11                 padding: 0;
12             }
13             
14 
15         </style>
16         <script type="text/javascript">
17             var mywindow;
18             var aa = 0;
19             var bb = 0;
20             var a = 0;
21             var b = 0;
22 
23             function openNewURL() {
24                 mywindow = window.open("page2.html", "new", "width=300,height=300");
25                 mywindow.resizeTo(300, 300);
26                 mywindow.moveTo(0, 0);
27                 setInterval("goNow()", 1);
28             }
29 
30             function goNow(){
31                 try {
32                     if (aa == 0){
33                         a = a + 2;
34                     }
35                         
36                     if (a > window.screen.availWidth - 300){
37                         aa = 1;
38                     }
39                         
40                     if (aa == 1){
41                         a = a - 2;
42                     }
43                         
44                     if (a == 0){
45                         aa = 0;
46                     }
47                     if (bb == 0){
48                         b = b + 2;
49                     }
50                         
51                     if (b > window.screen.availHeight - 300){
52                         bb = 1;
53                     }
54                         
55                     if (bb == 1){
56                         b = b - 2;
57                     }
58                         
59                     if (b == 0){
60                         bb = 0;
61                     }
62                         
63                     mywindow.moveTo(a, b);
64                 } catch (e) {}
65             }
66         </script>
67     </head>
68 
69     <body>
70 
71         <h1 id="div_1" onclick="openNewURL()">打开新串口(点我)<h1>
72 
73     </body>
74 
75 </html>

 

其中 page2.html 是我在本地的一个文件,大家可以随意替换。我在做的时候直接把url用百度的主页,发现结果竟然是不会动了,这个问题烦扰了我很久,请各位注意!

至于原因还没找出来,请懂的同学指教一下!谢谢~

你可能感兴趣的:(window.open())