先來打個官腔, JavaScript是一種直譯式腳本語言, 是一種動態類型, 弱類型, 基於原型的語言, 內置支持類型, 它廣泛的應用於HTML網頁中, 給HTML網頁增加動態功能, 這門語言雖然叫做JavaScript, 但是和Java沒太大卵關係, 只是因為開發公司Netscape和Sun(Ja
先來打個官腔, JavaScript是一種直譯式腳本語言, 是一種動態類型, 弱類型, 基於原型的語言, 內置支持類型, 它廣泛的應用於HTML網頁中, 給HTML網頁增加動態功能, 這門語言雖然叫做JavaScript, 但是和Java沒太大卵關係, 只是因為開發公司Netscape和Sun(Java就是由這個公司開發出來的)合作, 然後希望這門語言外觀上和Java相似, 於是乎就這個名字了, 不過語法風格是標準的腳本語言(個人感覺和Scheme很像, 好像Swift也借鑒了這門語言).
JavaScript之所以這麼強大, 離不開你它強大的相容性, 無論是Win, Linux, Mac, Android, 還是iOS都相容, 而且是一門解釋性語言(這個好處不必多說了, 代碼不用進行預編譯).
JavaScript的日常用處
1, 嵌入動態文本於HTML頁面
2, 對瀏覽器事件做出響應
3, 讀寫HTML元素
4, 在數據被提交到伺服器之前驗證數據
5, 監測訪客的瀏覽器信息
6, 控制cookies, 包括創建和修改等.
7, 基於Node.js技術進行伺服器端編程.
認識JavaScript
說了這麼多JavaScript的特點和日常用處(我也剛學, 有的我也不懂, 哈哈), 下麵寫一個簡單的JavaScript代碼讓大家認識下它吧.
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 6 <title>熱身</title> 7 </head> 8 <body> 9 <p id="p1">Hello, World</p> 10 <script type="text/javascript"> 11 document.write("Hello, World"); 12 document.getElementById("p1").style.color = "blue"; 13 </script> 14 </body> 15 </html>
HTML部分我就不解釋了, 只講script部分.
這裡能看到對象語言的特征, 方法, 函數, get, set方法.
document.write("Hello, World");是在頁面上顯示Hello, World字元串.
document.getElementById("p1").style.color = "blue";是通過get方法獲取id值為p1的標簽並設置css樣式中顏色屬性為"blue", 本質上只是通過腳本語言動態修改了css樣式表, 也就可以說JS算是一個溝通用戶和HTML靜態頁面的橋梁. 如果我們寫好一些方法, 通過按鈕等控制項進行觸發, 就可以實時的, 動態的修改網頁了.
如何插入JS代碼
使用<script>標簽在HTML網頁中插入JavaScript代碼, <script>標簽也是成對出現的, 要是開始和結束, 並把JavaScript代碼寫在開始結束之間, 和CSS的<style>標簽一樣. type屬性是告訴瀏覽器在標簽中的文本是JavaScript語言, 這點和CSS也是一樣的.
也可以像CSS一樣, 引入外部JS文件, 使用src屬性<script src = "script.js">, 在js文件中不需要標簽, 直接寫js的代碼就行了.
<script>標簽的位置, 主要有兩種, 一種是放在<head>部分, 一種是放在<body>部分, 由於瀏覽器解析頁面是順序執行的, 所以如果有多個樣式, 或者是用js修改的樣式在後面再次被修改了, 那麼只會給出最後修改之後的樣子, 前面會被覆蓋, 所有的語言應該都是這個道理, 初始化提前, 樣式修改在後面, 函數方法任意.
