一 JavaScript的意義。
Javascript是瀏覽器端的腳本語言,它能夠訪問web頁面的元素和運行它得瀏覽器,從而可以操作元素,創建新的元素等。它主要的作用有:
1.以指定尺寸、位置和樣式(比如是否具有邊框、菜單、工具欄等)打開新窗口;
2.提供給用戶友好的導航幫助,比如下拉菜單;
3.檢驗Web表單輸入的數據,在向Web服務器提交表單之前確保數據格式正確;
4.在特定事件發生時,改變頁面元素的外觀與行為,比如當鼠標指針
經過元素時;
5.檢測和發現特定瀏覽器支持的功能,比如第三方插件,或是對新技術的支持。
終上,JavaScript在前端開發中有着極為重要的作用。
二.引用JavaScript
想要將JavaScript應用到網頁中,共有三種方法,常用的有兩種。
方法一,在HTML文檔中插入<script></script>標簽后,在<script>標簽對中直接書寫js代碼。<script>標簽對可以直接插入文檔的頭部,即
<head> <script type=“text/javascript”> //javascript 代碼 alert(‘hello world’); </script></head>
但是,在執行js代碼所需時間過多的情況下,由於瀏覽器是從上向下對HTML文檔進行加載,此時會有一段時間看不到頁面的內容。故而,在這種情況下直接將script標簽對寫在body標簽的底部比較好。
方法二.將js代碼寫在一個單獨的文件中。用.js作為文件的擴展名,再利用<script>標簽的src屬性指向該文件。
如:
Test.js文檔中
alert(‘hello wordld’);
Test.html文檔中
<head> <script type=“text/javascript” src=“test.js”></script> </head>
三 變量
變量幾乎在所有編程語言中都有用到,在JavaScript中,引用變量時,我們要在其前面加上運算符var。如:
var number=200;
在JavaScript中每一句完整的代碼后都要以;結尾。如果我們要定義多個變量,可以在用上面的方法重復定義多次,也可以只用一個運算符var,變量之間以逗號分隔。如:
var a=12,b=”15”;
需要注意的是變量的命名規則;
第一個字符必須是字母、下划線(_)、或美元符號 ($);
變量名中不能包含空格或標點符號(下划線(_) 和$ 除外);
變量名區分大小寫;
不能使用保留字、關鍵字
為了讓變量名有更好的可讀性,可以在變量名中適當的插入下划線分隔。
變量的值一般是六類數據類型,即number,string,boolean,underfine,null,object。
