腳本執行方式 - 文檔加載 - 面向瀏覽器編程

firim 發布于2019-08-19 14:49 / 1085人閱讀

摘要：腳本執行方式執行入口標簽函數構造函數和函數標簽內的事件綁定相關的內聯函數等其他標簽最基本，最常用的腳本引入方式。

原文： http://pij.robinqu.me/Browser_Scripting/Document_Loading/ScriptExecution.html

源代碼： https://github.com/RobinQu/Programing-In-Javascript/blob/master/chapters/Browser_Scripting/Document_Loading/ScriptExecution.md

本文需要補充更多例子

本文存在批注，但該網站的Markdown編輯器不支持，所以無法正常展示，請到原文參考。

腳本執行方式 執行入口

script標簽

eval函數

Function構造函數

setTimeout和setInterval函數

HTML標簽內的事件綁定相關的內聯函數（onclick等）

其他hacks

script標簽

最基本，最常用的腳本引入方式。例如：

盡管在HTML4和XHTML里面，要求開發者使用type屬性來制定腳本的類型。但是主流瀏覽器都默認認為腳本類型是text/javascript。

在HTML5的規范內¹，script標簽的type屬性是完全可選的。

eval函數

eval is evil

eval有訪問本地scope的權利

var a = 1;
eval("a=2");
a === 2; // ==> true

Function構造函數

function是“first-class citizen”²；自然有相應的構造函數

new Function(arg1, arg2, ..., fnStr)

Function³構造函數本質是創建一個函數對象；其創建的函數執行也并不能訪問其所在創建環境的閉包，只能訪問本地作用域（local scope）和全局作用域（global scope）

Function()和new Function()效果一樣

(function() {
  var a = 1;
  var func = new Function("a=2");
  func();
  a === 2; // ==> false
}());
a === 2; // ==> true

setTimeout和setInterval

setTimeout("alert("haha")", 0);

這個和eval有異曲同工之妙，對作用域的訪問也是類似的。

另外要說名，以上幾點，除了script標簽的方法之外，其他方法都在strict模式⁴下不可用。

HTML內聯事件回調

Say hello

這樣如同在click事件的Target Phase運行了一個回調。this指向目標元素本身。

其他Hack

利用MessageChannel等新特性可以觸發一些函數的執行⁵。也許Javascript的其他的角落也有不少其他執行腳本的入口吧。

http://www.w3.org/html/wg/drafts/html/master/scripting-1.html#the-script-element??

https://developer.mozilla.org/en-US/docs/functional-javascript/First-class_citizen??

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function??

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions_and_function_scope/Strict_mode??

https://github.com/kriskowal/asap/blob/master/asap.js??

云服務器 GPU云服務器面向切面編程面向對象編程腳本執行禁止執行腳本

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/78130.html

Script標簽和腳本執行順序 - 文檔加載 - 面向瀏覽器編程

摘要：相關腳本會立即下載并執行。從上面兩個例子，可以充分了解到標簽的柱塞式執行。表示該標簽并不柱塞，也不同步執行。屬性帶有屬性的腳本，同樣會推遲腳本的執行，并且不會阻止文檔解析。同時，帶有的腳本彼此之間，能保證其執行順序。原文： http://pij.robinqu.me/Browser_Scripting/Document_Loading/ScriptTag.html 源...

cangck_X 2019-08-19 14:49 評論0 收藏0
JavaScript發展史，JavaScript組成和開發工具介紹-樂字節

摘要：保持與和的相似性，以便開發人員能很快學會。年，網景公司的布蘭登與公司聯手開發一個稱為的腳本語言。當時微軟決定進軍瀏覽器，發布了并搭載了一個的克隆版，叫做。在微軟進入后，有種不同的版本同時存在以及。一、JavaScript簡介 JavaScript 是一種具有面向對象能力的、解釋型的程序設計語言。更具體一點，它是基于對象和事件驅動并具有相對安全性的客戶端腳本語言。它的主要目的是，驗證發...

Heier 2019-08-26 13:55 評論0 收藏0
深入JavaScript高級語法-coderwhy大神新課王紅元新課

摘要：是一種輕量級的編程語言，可插入頁面，由瀏覽器解釋并執行。是一種弱類型的語言。采用事件驅動方式，能隨時響應鍵盤事件鼠標事件及瀏覽器窗口事件等，并執行指定的操作。是相對安全的。 ??百度網盤??提取碼：u6C4?Javas cript是世界上最流行的腳本編程語言，主要用于Web開發，也可用于服務器、PC、筆記本電腦、平板電腦和...

Crazy_Coder 2021-11-25 09:43 評論0 收藏0
JavaScript 簡介

摘要：簡介原文鏈接簡稱是一種輕量級，解釋型的編程語言，其函數是一等公民。標準的目標是讓任何一種程序設計語言能操控使用任何一種標記語言編寫出的任何一份文檔。核心規定了如何映射基于的文檔結構，以便簡化對文檔的任意部分的訪問和操作。 JavaScript 簡介原文鏈接 JavaScript ( 簡稱：JS ) 是一種輕量級，解釋型的編程語言，其函數是一等公民。眾所周知，它是用于網頁開發的腳...

URLOS 2019-08-20 10:33 評論0 收藏0
《JavaScript 闖關記》之簡介

摘要：瀏覽器只是實現的宿主環境之一，其他宿主環境包括和。年月，版發布，成為國際標準。事件定義了事件和事件處理的接口。對于已經正式納入標準的來說，盡管各瀏覽器都實現了某些眾所周知的共同特性，但其他特性還是會因瀏覽器而異。 JavaScript 是面向 Web 的編程語言，絕大多數現代網站都使用了 JavaScript，并且所有的現代 Web 瀏覽器（電腦，手機，平板）均包含了 JavaScri...

baihe 2019-08-21 10:55 評論0 收藏0