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

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-02-16
  • 蒲县工商质监局非公党委举办2018元旦文艺会 2019-02-16
  • 人民网评:建设数字中国时不我待 2019-02-16
  • 618史上最壕“买家”现身 Google以 5.5亿美元投资京东 2019-02-15
  • 雍正官窑:朕就是这样的品味(图) 2019-02-15
  • 西安司法考试将试点机考 2019-02-15
  • 人民日报新媒体矩阵聚焦十九大 融媒报道"给你好看" 2019-02-14
  • 社会主义是过渡阶段,最终实现共产主义才是其目的。社会主义是在消灭私有制,建立公有制直至无私,实现共产主义。 2019-02-14
  • 四轮电动车销售火爆存安全隐患 专家:需建国家标准 2019-02-14
  • 看懂汽车三元催化器工作原理后还能当金子卖?难为非洲兄弟了! 2019-02-14
  • 周杰伦昆凌为儿子庆生 小小周帅气入镜 2019-02-13
  • 都以为机器人普及了,一切都不是问题了?机器人不需要不断升级?机器人生产啥?不需要人设计? 2019-02-13
  • 价值-热门标签-华商生活 2019-02-13
  • 上合组织引领发展 吉中合作稳步前行——访吉尔吉斯斯坦总统热恩别科夫 2019-02-13
  • 互联网金融协会提示:防范变相“现金贷”业务风险 2019-02-12
  • 71| 498| 636| 417| 747| 630| 197| 642| 941| 407|