JavaScript在前端技術中的作用??
HTML:它是整個網站的骨架。
CSS: 它是對整個網站骨架的內容進行美化(修飾)
Javascript: 它能夠讓整個頁面具有動態效果
javascript 的引入方式
內部引入方式
直接將 javascript 代碼寫到 <script type=”text/javascript”> </script>;
外部引入方式
需要創建一個.js文件,在裏面書寫 javascript代碼,然後在 html文件<head>標籤中通過 script標籤的 src 屬性引入該外部的 js 文件;
例如:<script type="text/javascript" src="/js/jquery-1.5.1.min.js"></script>
JavaScript的組成部分?
JacaScript語法?
1.區分大小寫;2.變量是弱類型的(String str=”aaa” ,var str=”123”;),統一使用 var 來定義!3.每行結尾的分號可有可無(建議大家寫上);
4.註釋與 java語言相同。
javascript 數據類型
Javascript 數據類型分爲原始數據類型和引用數據類型
原始數據類型:
string、 number、 boolean、 null、 undefined
引用數據類型:
Array Boolean Date Math Number String ReqExp
Array數組的特點
長度可變!數組的長度=最大角標+1
String對象特點:
找到一個或多個正則表達式的匹配。 |
|
從起始索引號提取字符串中指定數目的字符。 |
|
提取字符串中兩個指定的索引號之間的字符。 |
ReqExp對象---正則表達式對象
檢索字符串中指定的值。返回 true 或 false。 |
javascript 運算符
其它運算符與 java 大體一致,需要注意其等性運算符。
== 它在做比較的時候會進行自動轉換。
=== 它在做比較的時候不會進行自動轉換。
獲取元素內容
獲取元素
document.getElementById(“id 名稱”);
獲取元素裏面的值
document.getElementById(“id 名稱”).value;//如果 id 是一個字符串,那麼必須加上引號,如果是一個變量那麼不需要
javascript 事件
表單提交事件: onsubmit
javascripte 的輸出
警告框: alert();
向頁面指定位置寫入內容: innerHTML(屬性)
向頁面寫入內容: document.write(“”);
BOM 對象
BOM 對象:瀏覽器對象模型(操作與瀏覽器相關的內容),每個對象都有一些方法,要用時候去看文檔
Window 對象(當前窗口對象)
Location對象(當前URL信息)
History對象(訪問歷時URL)
Navigator對象(瀏覽器信息)
Screen對象(屏幕相關)
Document 對象
Element對象
Attribute對象