在学习JavaScript语法之前,先来例子让小伙伴们感受一下神奇的JavaScript是怎样一回事

下面这个例子实现的功能是:当页面打开时,会弹出对话框,内容为“欢迎光临萌萌小店”;当页面关闭时,也会弹出对话框,内容为“记得下次再来喔”。

实现代码如下:

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script> window.onload = function () { alert("欢迎光临萌萌小店!"); } window.onbeforeunload = function (event) { var e = event || window.event; e.returnValue = "记得下来再来喔!"; } </script> </head> <body> </body> </html>

刚打开页面的时候,预览效果如图所示。

当尝试单击右上角关闭页面时,此时预览效果如图所示。

分析:

上面代码在不同浏览器运行的效果有一点不一样,但是功能是一样的。对于这段代码,我们不懂没关系,这个例子只是让大家感性地认识一下JavaScript是怎样的,都可以做点什么,后面我们会慢慢学到。

是不是感觉很有趣呢? 那就赶紧投入JavaScript的怀抱吧!