在網頁中使用js以及問題和解決方案

來源:互聯網
上載者:User

標籤:style   blog   ar   color   os   使用   sp   java   strong   

<script>標籤的解析
<script>xxx</script>這組標籤,是用於在 html 頁面中插入 js 的主要方法。它主要有以下幾個屬性:
1.charset:可選。表示通過 src 屬性指定的字元集。由於大多數瀏覽器忽略它,所以很少有人用它。
2.defer:可選。表示指令碼可以延遲到文檔完全被解析和顯示之後再執行。由於大多數瀏覽器不支援,故很少用。可以將JS代碼放在html內容的後面,這樣可實現延時載入
3.language:已廢棄。原來用於代碼使用的指令碼語言。由於大多數瀏覽器忽略它,所以不要用了。
4.src:可選。表示包含要執行代碼的外部檔案。
5.type:必需。可以看作是 language 的替代品。表示代碼使用的指令碼語言的內容類型。範例:type="text/javascript"。


JS代碼嵌入的一些問題:
如果你想彈出一個</script>標籤的字串,那麼瀏覽器會誤解成 JS 代碼已經結束了。解決的方法,就是把字串分成兩個部分,通過串連符‘+‘來串連。
<script type="text/javascript">
  alert(‘</scr‘+‘ipt>‘);
</script>


一般來說,JS 代碼越來越龐大的時候,我們最好把他另存新檔一個.js 檔案,通過 src引入即可。它還具有維護性高、可緩衝(載入一次,無需載入)、方便未來擴充的特點。 <script type="text/javascript" src="demo1.js"></script>這樣標籤內就沒有任何 JS 代碼了。但,要注意的是,雖然沒有任何代碼,也不能用單標籤:<script type="text/javascript" src="demo1.js" />;也不能在裡面添加任何代碼:<script type="text/javascript" src="demo1.js">alert(‘我很可憐,執行不到!‘)</script>

按照常規,我們會把<script>標籤存放到<head>...</head>之間。但有時也會放在 body 之間。

當瀏覽器不支援js或者被禁用掉js的話 ,在body中加上下面這句
<noscript>
  您沒有啟用 JavaScript
</noscript>

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 5 <title>如何在網頁中使用javascript</title> 6 <script type="text/javascript"> 7     alert(‘歡迎來到javascript世界!‘);//alert表示在開啟瀏覽器的時候快顯視窗,顯示括弧裡的內容 8 </script> 9 </head>10 11 <body>12 歡迎來到javascript的世界13 </body>14 </html>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.