在学习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的怀抱吧!