代码练习

学习了关于javascript的内部对象众多方法以及属性后,来写一个简单的练习的代码。

代码实现打开一个新的窗口时候在屏幕左上角弹出一个新的小窗口,让该小窗口自动高度和宽度变大,并且打开5秒钟后自动关闭,关闭的同时,父窗口的状态栏显示出"hello,javascript"字符串,并且使状态的字符串动态的左右移动效果。

 

父窗口文档:test.html

<head> <title>javacript study Page</title> <script language="javascript"><!-- function closechild() { if(!child.closed) { child.close(); } } var child =window.open("window.html","_blank","top=100,left=100,width=200,height=200"); var space_num =1; var dir = 1; function scroll() { if( space_num >40 || space_num <=0) dir = -1 * dir; space_num = space_num + 1*dir; var space = ""; for(var i=0;i<space_num;i++) { space = space + " "; } window.status = space + "hello,javascript!"; } function start() { setInterval("scroll()",100); } // --></script> </head> <body onunload='closechild()'> </body> </html>

 

新打开的子窗口window.html

<script language=javascript><!-- window.setTimeout("closeit()",5000); window.setInterval("grow()",100); function grow() { window.resizeBy(5,5); } function closeit() { window.close(); opener.start(); } // --></script> <body> <h3 align=center>通知</h3> 该网页5秒后关闭! </body>

 

你可能感兴趣的:(代码练习)