javascript
JavaScript-JavaScript概述及简单使用
- 什么是
- JavaScript 的特點
- JavaScript 的核心
- 使用
- 創(chuàng)建一張 HTML 頁面
- Script標(biāo)簽解析
- JS 代碼嵌入的一些問題
- 完整實例
什么是
JavaScript 是一種具有面向?qū)ο竽芰Φ摹⒔忉屝?/strong>的程序設(shè)計語言。更具體一點，它是基于對象和事件驅(qū)動并具有相對安全性的客戶端腳本語言。
因為它不需要在一個語言環(huán)境下運 行，而只需要支持它的瀏覽器即可。它的主要目的是，驗證發(fā)往服務(wù)器端的數(shù)據(jù)、增加 Web 互動、加強用戶體驗度等.
JavaScript 的特點
- 松散性
JavaScript 語言核心與 C、C++、Java 相似，比如條件判斷、循環(huán)、運算符等。但它 卻是一種松散類型的語言，也就是說，它的變量不必具有一個明確的類型。
- 對象屬性
JavaScript 中的對象把屬性名映射為任意的屬性值。它的這種方式很像哈希表或關(guān)聯(lián)數(shù)組，而不像 C 中的結(jié)構(gòu)體或者 C++、Java 中的對象。
- 繼承機制
JavaScript 中的面向?qū)ο罄^承機制是基于原型的，這和另外一種不太為人所知的 Self語言很像，而和 C++以及 Java 中的繼承大不相同。
JavaScript 的核心
雖然 JavaScript 和 ECMAScript 通常被人們用來表達相同的含義，但 JavaScript 的含義卻比ECMA-262中規(guī)定的要多得多。一個完整的JavaScript應(yīng)該由下列三個不同的部分組成。
1.核心(ECMAScript)
2.文檔對象模型(DOM)
3.瀏覽器對象模型(BOM)
文檔對象模型 (DOM)
文檔對象模型(DOM，Document Object Model)是針對 XML 但經(jīng)過擴展用于 HTML的應(yīng)用程序編程接口(API，Application Programming Interface)
瀏覽器對象模型 (BOM)
訪問和操作瀏覽器窗口的瀏覽器對象模型(BOM，Browser Object Model)。開發(fā)人員使用 BOM可以控制瀏覽器顯示頁面以外的部分。而 BOM 真正與眾不同的地方(也是經(jīng)常會導(dǎo)致問題的地方)，還是它作為 JavaScript實現(xiàn)的一部分，至今仍沒有相關(guān)的標(biāo)準(zhǔn)。
使用
1.創(chuàng)建一張 HTML 頁面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title></title> </head> <body> </body> </html>2.<Script>標(biāo)簽解析
<script>xxx</script>這組標(biāo)簽，是用于在 html 頁面中插入 js 的主要方法。
它主要有以下幾個屬性：
1.charset：可選。表示通過 src 屬性指定的字符集。由于大多數(shù)瀏覽器忽略它，所以很少有人用它。
2.defer：可選。表示腳本可以延遲到文檔完全被解析和顯示之后再執(zhí)行。由于大多數(shù)瀏覽器不支持，故很少用。
3.language：已廢棄。原來用于代碼使用的腳本語言。由于大多數(shù)瀏覽器忽略它，所以不要用了。
4.src：可選。表示包含要執(zhí)行代碼的外部文件。
5.type：必需。可以看作是 language 的替代品。表示代碼使用的腳本語言的內(nèi)容類型。
3.JS 代碼嵌入的一些問題
如果你想彈出一個</script>標(biāo)簽的字符串，那么瀏覽器會誤解成 JS 代碼已經(jīng)結(jié)束了。 解決的方法，就是把字符串分成兩個部分，通過連接符‘+’來連接
<script type="text/javascript">alert('</scr'+'ipt>'); </script>經(jīng)驗證，不拆分開也能識別。
一般來說，JS 代碼越來越龐大的時候，我們最好把它另存為一個.js 文件，通過 src 引入即可。它還具有維護性高、可緩存(加載一次，無需加載)、方便未來擴展的特點。
<script type="text/javascript" src="demo1.js"></script>這樣標(biāo)簽內(nèi)就沒有任何 JS 代碼了。但要注意的是，雖然沒有任何代碼，也不能用單標(biāo)簽：
錯誤的寫法 <script type="text/javascript" src="demo1.js" />；也不能在里面添加任何代碼：
錯誤的寫法 <script type="text/javascript" src="demo1.js">alert('我很可憐，執(zhí)行不到！')</script>按照常規(guī)，我們會把<script>標(biāo)簽存放到<head>...</head>之間。但有時也會放在 body 之間。
不再需要提供注釋，以前為了讓不支持 JavaScript 瀏覽器能夠屏蔽掉<script>內(nèi)部的代碼，我們習(xí)慣在代碼的前后用 html 注釋掉，現(xiàn)在已經(jīng)不需要了。
<script type="text/javascript"><!--alert('歡迎！');--> </script>平穩(wěn)退化不支持 JavaScript 處理：<nosciprt>
<noscript>您沒有啟用 JavaScript </noscript>完整實例：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>使用JavaScript</title></head> <body><noscript>本站必須啟用JavaScript </noscript><script type="text/javascript">alert('歡迎來到JavaScript世界！'); </script>歡迎來到JavaScript世界！</body> </html>另外如果通過src引用另外的文件的話 (在同一個目錄下)
修改
<script type="text/javascript" src=demo.js><script>demo.js
alert('Hello');總結(jié)
以上是生活随笔為你收集整理的JavaScript-JavaScript概述及简单使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Spring4.X系列之AOP-@Asp
- 下一篇： Spring JDBC-使用注解配置声明