本文主要给大家介绍JavaScript脚本被执行的相关内容,大家在编写JavaScript脚本时,有没有想过JavaScript脚本什么时候被执行呢?脚本执行是怎样的呢?下面我们就来了解一下这些。
javascript脚本可以嵌入在html内的任意地方,但它何时被调用呢?当浏览器打开HTML文件后,会直接运行不是声明函数的脚本或通过事件调用脚本函数,下面分析这几种情况。
当浏览器打开一个HTML文件时,它会从头开始解释整个文件,包括html标签和脚本。如果脚本中有可以直接执行的语句,则会在遇到的时候马上解释执行。主要有以下2种情形:
<html> <head> <title>demo</title> <script type="text/javascript"> alert("dare you click me once again"); </script> </head> <body onLoad="display()"> </body> </html>
onLoad事件是一个页面在浏览器中被打开时发生的,该方法常用于在打开一个页面的同时向用户显示一些消息。
下面例子利用标签的onLoad事件进行演示:
<html> <head> <title>demo</title> <script type="text/javascript"> //insert javascript code here. function display() { alert("dare you click me once again") } </script> </head> <body onLoad="display()"> </body> </html>
用户在使用浏览器时经常会使用鼠标和键盘进行一些操作,比例移动鼠标、点击链接或按钮,这些操作都会产生相应的事件。我们可以利用这些事件来调用脚本函数。
下面例子利用一个点击按钮事件来调用display()函数。
<html> <head> <title>demo</title> <script type="text/javascript"> //insert javascript code here. function display(){ alert("you click me ,it is so pain") } </script> </head> <body> <center><br> <form> <input type="button" value="onclick" onclick="display()"> </form> </center> </body> </html>
现在大家对于JavaScript脚本什么时候被执行和脚本执行的几种情况应该都有所了解了,上述示例有一定的借鉴价值,有需要的朋友可以参考,希望对大家学习JavaScript有帮助,想要了解更多大家可以关注群英网络其它相关文章。
文本转载自脚本之家
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
长按识别二维码并关注微信
更方便到期提醒、手机管理