现在的位置: 首页 > 综合 > 正文

javascript脚本何时被执行

2018年07月09日 ⁄ 综合 ⁄ 共 1195字 ⁄ 字号 评论关闭

秒速赛车公式 www.l19l7.cn javascript脚本可以嵌入在<html></html>内的任意地方,但它何时被调用呢?当浏览器打开HTML文件后,会直接运行不是声明函数的脚本或通过事件调用脚本函数,下面分析这几种情况。

1 浏览器在打开页面时执行脚本
? 当浏览器打开一个HTML文件时,它会从头开始解释整个文件,包括html标签和脚本。如果脚本中有可以直接执行的语句,则会在遇到的时候马上解释执行。

2 利用onLoad事件执行脚本
? onLoad事件是一个页面在浏览器中被打开时发生的,该方法常用于在打开一个页面的同时向用户显示一些消息。
? 下面例子利用<body>标签的onLoad事件进行演示

  1. <html>
  2. ????<head>
  3. ????????<title>demo</title>
  4. ????????<script
    type="text/javascript">
  5. ????????????//insert javascript
    code here.
  6. ????????????function display()
  7. ????????????{
  8. ????????????????alert("via the onLoad event to invoke the javascript function")????
  9. ????????????}
  10. ????????</script>
  11. ????</head>
  12. ????<body
    onLoad
    ="display()">
  13. ????</body>
  14. </html>

3 利用用户事件执行脚本
? 用户在使用浏览器时经?;崾褂檬蟊旰图探幸恍┎僮?,比例移动鼠标、点击链接或按钮,这些操作都会产生相应的事件。我们可以利用这些事件来调用脚本函数。
? 下面例子利用一个点击按钮事件来调用display()函数。

  1. <html>
  2. ????<head>
  3. ????????<title>demo</title>
  4. ????????<script
    type="text/javascript">
  5. ????????????//insert javascript
    code here.
  6. ????????????function display(){
  7. ????????????????alert("via onclick event to invoke the javascript function")
  8. ????????????????}
  9. ????????</script>
  10. ????</head>
  11. ????<body>
  12. ????????<center><br>
  13. ????????<form>
  14. ????????????<input
    type="button"
    value="onclick"
    onclick="display()">
  15. ????????</form>
  16. ????</center>
  17. ????</body>
  18. </html>

转自://blog.chinaunix.net/uid-24467128-id-3287758.html

抱歉!评论已关闭.

  • 倒着走能治腰颈椎痛?假的! 2019-04-19
  • 长效机制加速推进 楼市下半年或持续降温 2019-04-19
  • 树立文化自信 创新节庆模式 2019-04-19
  • 朝韩将军级会谈时隔11年后在板门店重启 2019-04-19
  • 经济日报多媒体数字报刊 2019-04-18
  • 搞好公有制就是好,故得出结论:计划经济好。 2019-04-18
  • 云南理发店老板涉嫌杀害女演员因办卡纠纷起杀心 2019-04-18
  • 南海网-海南新闻网-权威媒体 海南门户 2019-04-17
  • 海底捞回应侵犯音乐人林海著作权:已停止播放 2019-04-17
  • 自然型社会和规则性社会,是会随着科技的改变而发生改变的,当然只有规矩也就是制度才能规范人的行为,所以国家是不会灭亡的,但国家的形式是会发生改变的。 2019-04-17
  • 惊艳!上外学子英译60首热门中文歌  让世界倾听中国 2019-04-16
  • 西安,给盲人朋友留一条路吧…无障碍设施盲道-编辑整合 2019-04-16
  • 的确如此。报刊亭取消的确是短视行为。把报刊亭设计的现代化一些,与城市绿化衔接起来,相得益彰,成为文化一景多好。 2019-04-16
  • 让更多企业和劳动者尝到协商的“甜头” 2019-04-16
  • 2014金家岭财富论坛嘉宾云集(二) 2019-04-15
  • 220| 959| 112| 860| 651| 740| 210| 80| 679| 946|