Html5 頁面中 JavaScript 啟動調用的三種方法比較

Html5 頁面中 JavaScript 啟動調用的三種方法比較

<a target="_blank" href="http://blog.csdn.net/opengl_es">轉載請保留此句：太陽火神的美麗人生 -  本部落格專注于 靈活開發及移動和物聯裝置研究：iOS、Android、Html5、Arduino、pcDuino，否則，出自本部落格的文章拒絕轉載或再轉載，謝謝合作。</a>

首先，來看一下 Html5 頁面引用 JavaScript 代碼的幾種方式：

1、Html5 頁面中使用 &lt;script&gt;  标簽容納 JavaScript 代碼；

這裡不僅可以調用任意位置的函數，而且可以聲明變量，建構函數和對象等等。

2、Html5 頁面中使用 &lt;script src="xxx.js"&gt;&lt;/script&gt; 引入同路徑下的 xxx.js 檔案中的 JavaScript 代碼；

注意這裡的 main.js 是與目前 Html 頁面檔案同目錄下的 js 子目錄中的檔案，使用時，確定相對路徑正确，當然了，也可以使用絕對路徑。

3、Html5 界面元素事件直接賦與一段 JavaScript 代碼；

以下資源可供參考，進一步了解 JavaScritp：

<a target="_blank" href="http://www.cnblogs.com/lhb25/archive/2009/03/12/1409241.html">JavaScript的5種調用函數的方法</a>

<a target="_blank" href="http://www.cnblogs.com/leoo2sk/archive/2010/12/19/ecmascript-scope.html">解讀ECMAScript[1]——執行環境、作用域及閉包</a>

<a target="_blank" href="http://www.cnblogs.com/leoo2sk/archive/2011/01/12/ecmascript-function.html">解讀ECMAScript[2]——函數、構造器及原型</a>

<a target="_blank" href="http://baike.baidu.com/view/16168.htm?fr=aladdin">百度百科 javascript</a>

要想真正掌握 JavaScript 語言，那麼閉包是必須要深刻了解和領悟的核心。

順便，記錄一下引用 CSS 的幾種方式：

1、外部樣式表

css 樣式存于一個 .css 擴充名的檔案中，引用方式：

2、内部樣式表

3、内聯樣式

最後，切入主題，頁面加載初始調用 JavaScript 代碼的三種方式：

1、body 的 onload 事件觸發回調 JavaScript 函數；

該事件在 document 文檔中的所有内容都加載完成後才會被調用，這種方式顯得有點笨拙，但比較把握，確定一切安好，才去調用。

如想避勉過多加載，那麼頁面設計上可以相對講究些方法，人為達到滞後加載的效果，就可以給這個事件進行減壓，達到盡快執行的目标。

2、document 的 onready 事件觸發回調 JavaScript 函數；

該事件在 document 文檔中的 dom 模型加載完成就會産生回調，而不考慮引用的圖檔、腳本等資源。

3、在引入 Html5 頁面的 JavaScript 代碼中，直接調用 JavaScript 函數或執行 JavaScript 指令；

或在外部 js 腳本中，直接調用 init(); 

init() 可以是 Html5 頁面中聲明的函數，也可以是外部引用的腳本中的函數。

不過發現一個有趣的問題，當在 init() 函數定義中，通過 

擷取 container 元素的引用時，如果該 Html5 元素在該段頁面内 JavaScript 代碼之後時，會擷取不到該元素。

這說明一個問題，第三種啟動執行方式，是邊加載邊執行，是以對順序有要求；

每時每刻，都有老人變新人，老手涉獵新事物，變潮人，接觸陌生的領域，變新手。

凡事都有這個過程，新領域的成熟與否，其實你與無太大關系，你還是一樣的新；

但這個領域的成熟，标志着，有這麼多别人分享的東西，可供參考，内在的 bug 也會少很多；

但無論怎樣，在你的頭腦裡，還是需要一點點去塞滿，

并不代表，這個領域有多少，你就有多少，

也不代表，你一下子就能把這個領域成熟的東西就全能掌握，

那是需要不斷了解、實踐，總結、升華，以便再進一步擷取更深層次了解的過程，

唐僧取到的經書，如果不被水泡了，可能我們真的就能去掉這個了解的過程了，

悟性确實是可以很高的，這個高真能達到不需要了解的過程？！

。。。。。。