#第二章Javascript的HelloWorld
講師:_無腦碼農(張磊)_
博客:http://www.h5code.com
課程內容:
[TOC]
* * * * *
###1.>創建一張 HTML頁面
>以前很多教材使用XHTML1.1來講解JavaScript課程。但現在HTML5標準已經比較成熟,所以我們這里學習就直接使用HTML5的標準模板來學習。
`<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>`
>頁面創建好后,編寫一個最簡單的JavaScript 腳本(簡稱JS 腳本)。注意網頁的編碼格式及文件存儲的編碼。
###2.> `<Script>`標簽解析
>`<script>xxx</script>`這組標簽,是用于在html 頁面中插入js 的主要方法。它主要有以下
幾個屬性:
1. charset:可選。表示通過src屬性指定的字符集。由于大多數瀏覽器忽略它,所以很少有人用它。
2. defer:可選。表示腳本可以延遲到文檔完全被解析和顯示之后再執行。由于大多數瀏覽器不支持,故很少用。
3. language:已廢棄。原來用于代碼使用的腳本語言。由于大多數瀏覽器忽略它,所以不要用了。
4. src:可選。表示包含要執行代碼的外部文件。
5. type:必需。可以看作是language的替代品。表示代碼使用的腳本語言的內容類型。范例:type="text/javascript"。
~~~
<script type="text/javascript">
alert('HelloWorld');
</script>
~~~
###3.> Javascript代碼嵌入
>如果你想彈出一個</script>標簽的字符串,那么瀏覽器會誤解成JS 代碼已經結束了。解決的方法,就是把字符串分成兩個部分,通過連接符‘+’來連接。
~~~
<script type="text/javascript">
alert('</scr'+'ipt>');
</script>
~~~
>一般來說,JS 代碼越來越龐大的時候,我們最好把他另存為一個.js 文件,通過src 引入即可。它還具有維護性高、可緩存(加載一次,無需加載)、方便未來擴展的特點。
`<script type="text/javascript" src="demo.js"></script>`
>這樣標簽內就沒有任何JS代碼了。但,要注意的是,雖然沒有任何代碼,也不能用單標簽:
`<script type="text/javascript" src="demo.js" />`
>也不能在里面添加任何代碼:
`<script type="text/javascript" src="demo.js">alert('放到這里,執行不到!')</script>`
>按照常規,我們會把<script>標簽存放到`<head>...</head>`之間。但有時也會放在body之間。