現在的位置: 首頁 > web前端 > 正文

JavaScript腳本怎樣放置在head>與/head>標記對之間?JavaScript腳本怎樣放置在body>與/body>標記對之間

2020年06月15日 web前端 ⁄ 共 1491字 ⁄ 字號 評論關閉

  JavaScript腳本代碼可放在HTML文檔任何需要的位置。一般來說,可以在head>與/head>標記對、body>與/body>標記對之間按需要放置JavaScript腳本代碼。下面學步園小編來講解下JavaScript腳本怎樣放置在head>與/head>標記對之間?JavaScript腳本怎樣放置在body>與/body>標記對之間?

  JavaScript腳本怎樣放置在head>與/head>標記對之間

  放置在head>與/head>標記對之間的JavaScript腳本代碼一般用于提前載入以響應用戶的動作,一般不影響HTML文檔的瀏覽器顯示內容。如下是其基本文檔結構:

  html>

  head>

  title>放置在head>與/head>標記對之間/title>

  !-- 直接寫JavaScript代碼 -->

  script type="text/javascript">

  // JavaScript 代碼

  /script>

  !-- 引入外部腳本 -->

  script type="text/javascript" src="1-2.js">/script>

  /head>

  body>

  /body>

  /html>

  JavaScript腳本怎樣放置在body>與/body>標記對之間

  JavaScript腳本也可以放置在body>與/body>標記對之間,可根據需要編寫多個獨立的腳本代碼段并與HTML代碼結合在一起。

  html>

  head>

  title>放置在body>與/body>標記對之間/title>

  /head>

  body>

  !-- 直接寫JavaScript代碼 -->

  script type="text/javascript">

  // JavaScript 代碼

  /script>

  !-- 引入外部腳本 -->

  script type="text/javascript" src="1-2.js">/script>

  /body>

  /html>

  注意:在head>和body>標簽內可以有多個代碼塊,只要放在script type="text/javascript">與/script>之間或者引入外部腳本即可。同時,JavaScript腳本也可以放在其他任意HTML標簽之間,如div>、p>、span>等。

  說明:瀏覽器一般是從上到下渲染HTML,當遇到Javascript代碼時,瀏覽器將發生阻塞(不再解析后邊的任何代碼,包括JavaScript和HTML),有些瀏覽器在阻塞期間不會解析該Javascript代碼后邊的HTML代碼,必須等到該Javascript代碼執行完畢,才繼續解析。如果將Javascript放置在head>.../head>或者body>.../body>之間,經常會發生這種現象:瀏覽器先是呈現一部分頁面,再呈現后邊的頁面,中間間隔時間明顯。這樣帶來的明顯結果就是用戶體驗差。

  因此,如無特殊需求,我們強烈建議將JavaScript代碼置于body>.../body>的最后。如:

  body>

  !-- HTML代碼 -->

  script type="text/javascript">

  // Javascript代碼

  /script>

  script type="text/javascript" src="1-2.js">/script>

  /body>

  以上就是關于“JSscript>標簽有哪些屬性”的內容,希望對大家有用。更多資訊請關注學步園。學步園,您學習IT技術的優質平臺!

抱歉!評論已關閉.

奔驰宝马破解版下载 小熊猫配资 最准确的彩票预测 北京快3技巧稳赚方法 北京快3三形态走势图 智飞生物股票股吧 吉林十一选五专家杀号 一号配资 北京11选5分布走势图 吉林十一选五开奖查 体彩排列五综合版 陕西11选五任五遗漏 安徽11选五综合走势图彩经网 金融界首页 天天彩选4怎么玩 苏州股票融资 天涯 江苏快三历史开奖记录查询