一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務(wù)器之家:專注于服務(wù)器技術(shù)及軟件下載分享
分類導(dǎo)航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服務(wù)器之家 - 編程語言 - JavaScript - js教程 - 詳解javascript腳本何時會被執(zhí)行

詳解javascript腳本何時會被執(zhí)行

2022-01-17 16:39皮卡丘和羊?qū)氊?/span> js教程

這篇文章主要介紹了詳解javascript腳本何時會被執(zhí)行,幫助大家更好的理解和使用JavaScript,感興趣的朋友可以了解下

javascript腳本可以嵌入在html內(nèi)的任意地方,但它何時被調(diào)用呢?當瀏覽器打開HTML文件后,會直接運行不是聲明函數(shù)的腳本或通過事件調(diào)用腳本函數(shù),下面分析這幾種情況。

1.瀏覽器在打開頁面時執(zhí)行腳本

當瀏覽器打開一個HTML文件時,它會從頭開始解釋整個文件,包括html標簽和腳本。如果腳本中有可以直接執(zhí)行的語句,則會在遇到的時候馬上解釋執(zhí)行。主要有以下2種情形:

1).程序啟動(這里指瀏覽器加載頁面)這個alert這類函數(shù)就會被觸發(fā)執(zhí)行

?
1
2
3
4
5
6
7
8
9
10
<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函數(shù)被自動調(diào)用(并不是用戶點擊等行為觸發(fā))

詳解javascript腳本何時會被執(zhí)行

2.利用onLoad事件執(zhí)行腳本(相當于監(jiān)聽**發(fā)生,然后執(zhí)行)

onLoad事件是一個頁面在瀏覽器中被打開時發(fā)生的,該方法常用于在打開一個頁面的同時向用戶顯示一些消息。
下面例子利用標簽的onLoad事件進行演示:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<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.利用用戶事件執(zhí)行腳本

用戶在使用瀏覽器時經(jīng)常會使用鼠標和鍵盤進行一些操作,比例移動鼠標、點擊鏈接或按鈕,這些操作都會產(chǎn)生相應(yīng)的事件。我們可以利用這些事件來調(diào)用腳本函數(shù)。
下面例子利用一個點擊按鈕事件來調(diào)用display()函數(shù)。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<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腳本何時會被執(zhí)行的詳細內(nèi)容,更多關(guān)于javascript腳本何時會被執(zhí)行的資料請關(guān)注服務(wù)器之家其它相關(guān)文章!

原文鏈接:https://www.cnblogs.com/lovelywcc/p/14368913.html

延伸 · 閱讀

精彩推薦
  • js教程js刪除指定位置超鏈接中含有百度與360的標題

    js刪除指定位置超鏈接中含有百度與360的標題

    最近需要將最近更新的部分內(nèi)容刪除,只要標題中包括百度與360的都給刪除了,主要用到了jquery的each,需要的朋友可以參考下...

    JS教程網(wǎng)3692021-12-27
  • js教程詳解Typescript里的This的使用方法

    詳解Typescript里的This的使用方法

    這篇文章主要介紹了詳解Typescript里的This的使用方法,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們...

    hardfist7222021-12-28
  • js教程JS removeAttribute()方法實現(xiàn)刪除元素的某個屬性

    JS removeAttribute()方法實現(xiàn)刪除元素的某個屬性

    這篇文章主要介紹了JS removeAttribute()方法實現(xiàn)刪除元素的某個屬性,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,...

    C語言中文網(wǎng)7742021-12-30
  • js教程Jquery+javascript實現(xiàn)支付網(wǎng)頁數(shù)字鍵盤

    Jquery+javascript實現(xiàn)支付網(wǎng)頁數(shù)字鍵盤

    這篇文章主要為大家詳細介紹了Jquery+javascript實現(xiàn)支付網(wǎng)頁數(shù)字鍵盤,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一...

    юноша 25822021-12-15
  • js教程關(guān)于uniApp editor微信滑動問題

    關(guān)于uniApp editor微信滑動問題

    這篇文章主要介紹了關(guān)于uniApp editor微信滑動問題,本文給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下...

    辛夷不改年年色10122021-12-31
  • js教程淺析JavaScript中的事件委托機制跟深淺拷貝

    淺析JavaScript中的事件委托機制跟深淺拷貝

    這篇文章主要介紹了JavaScript中的事件委托機制跟深淺拷貝,本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要...

    打游戲也要有夢想5672022-01-05
  • js教程微信小程序自定義支持圖片的彈窗

    微信小程序自定義支持圖片的彈窗

    這篇文章主要為大家詳細介紹了微信小程序自定義支持圖片的彈窗,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    歲末Zzz8282021-12-15
  • js教程js實現(xiàn)鼠標拖曳效果

    js實現(xiàn)鼠標拖曳效果

    這篇文章主要為大家詳細介紹了js實現(xiàn)鼠標拖曳效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    等待的L先生8812021-12-22
主站蜘蛛池模板: 特黄a大片免费视频 | 国产成人亚洲精品一区二区在线看 | 午夜在线a亚洲v天堂网2019 | 久久精品99国产精品日本 | 农村妇女野战bbxxx | 五月最新商场女厕所高跟嘘嘘 | 国产香蕉一区二区在线网站 | 亚欧视频在线观看 | 午夜国产在线视频 | 亚洲网站在线观看 | 亚洲第9页| 色国产精品| 欧美同性gayvidoes | 亚洲AV蜜桃永久无码精品红樱桃 | 欧美日韩成人在线视频 | 热九九精品 | 好男人资源在线观看免费的 | 日韩欧美三级视频 | 99视频久久| 荷兰艾优apiyoo | 热99re国产久热在线 | 婷婷99视频精品全部在线观看 | 精品性久久 | 四虎影院的网址 | 九九热国产视频 | 18hdxxxx日本护士 | 日本免费在线观看视频 | 极品主播的慰在线播放 | 国产自在自线午夜精品之la | 国产福利专区精品视频 | 精品一二三区久久AAA片 | 精品视频在线免费看 | 欧美日韩综合网在线观看 | 免费日批视频 | 色婷婷六月丁香在线观看 | 国产福利微拍精品一区二区 | 国产精品思瑞在线观看 | 5278欧美一区二区三区 | 成人一区二区免费中文字幕 | 久久青草免费91线频观看站街 | 91精品综合久久久久m3u8 |