• 技术文章 >web前端 >前端问答

    javascript脚本由什么解释和执行

    藏色散人藏色散人2022-01-19 16:22:00原创549

    javascript脚本由浏览器解释和执行,javascript脚本被执行的情况:1、浏览器在打开页面时执行脚本;2、利用onLoad事件执行脚本;3、利用用户事件执行脚本。

    本文操作环境:Windows7系统、javascript1.8.5版、DELL G3电脑

    javascript脚本由什么解释和执行?

    javascript脚本由浏览器解释和执行。

    javascript脚本何时会被执行?

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

    1.浏览器在打开页面时执行脚本

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

    1).程序启动(这里指浏览器加载页面)这个alert这类函数就会被触发执行

    <html>
      <head>
        <title>demo</title>
        <script type="text/javascript">
          alert("dare you click me once again");  
        </script>
      </head>
      <body onLoad="display()">
      </body>
    </html>

    2).随着浏览器加载解析js函数被自动调用(并不是用户点击等行为触发)

    2.利用onLoad事件执行脚本(相当于监听**发生,然后执行)

    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>

    3.利用用户事件执行脚本

    用户在使用浏览器时经常会使用鼠标和键盘进行一些操作,比例移动鼠标、点击链接或按钮,这些操作都会产生相应的事件。我们可以利用这些事件来调用脚本函数。

    下面例子利用一个点击按钮事件来调用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>

    推荐学习:《js基础教程

    以上就是javascript脚本由什么解释和执行的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:javascript
    上一篇:JavaScript中有点击事件吗 下一篇:javascript同步是什么意思
    千万级数据并发解决方案

    相关文章推荐

    • JavaScript事件是指什么• jsp和javascript之间啥关系• lua与javascript的区别是什么• JavaScript中有点击事件吗
    1/1

    PHP中文网