标签：
今天参考一本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用百度的主页，发现结果竟然是不会动了，这个问题烦扰了我很久，请各位注意！
至于原因还没找出来，请懂的同学指教一下！谢谢~
标签：
原文地址：http://www.cnblogs.com/-cj-blog/p/5021460.html
