js如何引入HTML


1.首先認識一下什么是JavaScript

JavaScript(簡稱“JS”) 是一種具有函數優先的輕量級,解釋型或即時編譯型的編程語言。雖然它是作為開發Web頁面的腳本語言而出名的,但是它也被用到了很多非瀏覽器環境中,JavaScript 基於原型編程、多范式的動態腳本語言,並且支持面向對象、命令式和聲明式(如函數式編程)風格。

2.JavaScript與java的區別:

JavaScript和java沒有任何關系,只是語法類似。JavaScript運行在瀏覽器中,代碼由瀏覽器解釋后執行。而Java運行在JVM中。

3.js如何引入html

<html>
<head>
1.在這里引入 js文件:
這里以下的內容會等js加載完畢以后才開始渲染, 這個js文件開始運行的時候DOM ready還沒觸發, 所以不能做$('.someClass')之類的操作(你根本找不到它們)。
這里適合做頁面開始渲染之前必須執行或檢查的東西。
比如瀏覽器兼容性的檢查,比如modernizr; Google Analytics 生成的代碼也必須放在這里 加載超級慢的js文件千萬不要放在這里,
會導致整個頁面暫停加載!
</head>
<body> .
.. ...
2.在body底部:
在這里引入 js文件:
這里引入 js文件時頁面已經基本完成加載, 並通常已經完成大部分html和css控制的渲染, 但不一定完成所有圖片,視頻的加載。
這里你可以使用$('.someClass')等DOM操作。 不影響頁面渲染的邏輯(比如所有用戶觸發的邏輯, 如按鈕點擊的handler,ajax等等)通常放在這里。 但是!如果你的html有類似於handlebar之類模版如 <div>{{ myName }}</div>之類, 然后在這個js里面把myName替換成字符串的話, 在這個js加載,運行之前的幾十到幾百毫秒內, “{{ myName }}”字符串會短暫的出現在瀏覽器中; 同樣,如果你在這個js里面動態添加DOM元素或CSS的話, 頁面會出現短暫空白, 這就是常說的Flash of Unstyled Content問題。
</body>
3.在這里引入 js文件:
這里不能引入js文件, 雖然可能瀏覽器也會執行,但這是錯誤的做法
<html>
4.在這里引入 js文件:
這里不能引入js文件, 雖然可能瀏覽器也會執行,但這是錯誤的做法


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM