代码练习

最新推荐文章于 2024-11-05 11:35:16 发布

原创最新推荐文章于 2024-11-05 11:35:16 发布 · 530 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#代码练习 #javascript #function #scroll #文档

javascript/CSS/HTML5 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个使用JavaScript进行窗口操作的实际案例。案例中，当打开一个新窗口时，会在屏幕左上角显示一个小窗口，该窗口会自动调整大小并在5秒后关闭。同时，父窗口的状态栏会动态显示“hello, javascript”并左右移动。

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

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

父窗口文档:test.html

<head> <title>javacript study Page</title> <script language="javascript"></script> </head> <body onunload='closechild()'> </body> </html>

新打开的子窗口window.html