JavaScript基礎（筆記）

時間 2020-03-27

原文原文鏈接

1.3JavaScript基礎
1.3.1DOM的相關知識
DOM的含義:Document Object Model,文檔對象模型，
文檔:指的是標記文檔(html ,xml)
対象:能夠使用dom裏面的相關屬性和方法來解析標記性文檔.
Dom的組成:核心Dom,Html Dom ,XML Dom.
Dom如何解析html文檔:
DOM會根據html的層級結構，在內存中造成一個樹形結構，樹形結構裏面有標記元素和屬性文本等元素，
整個html文檔對應一個document對象，經過document文檔對象，能夠操做html裏面獲得全部元素。
2.節點的訪向:
節點対象. childNodes :獲取該節點的全部子節點。
節點対象. parentNode:獲取該節點的父節點。
3.荻取文檔中的元素:
下面的方法是html dom的方法
根據標記的id屬性值獲取元素對象: document.getElementById(id屬性對應的值);
根據標記的名稱獲取元素對象: document.getElementsByTagName(標記的名稱);
根據標記的name屬性值獲取元素對象: document. getElmentsByName(name屬性對應的值);
1.3.2 JavaScript概述
什麼是js：它是基於對象和事件驅動的語言，它應用於客戶端。
基於對象:在js裏面提供了一些對象，能夠直接使用。
面向對象:在java裏面先建立對象，再使用。
事件驅動: js裏面它觸發事件，調用函數，實現網頁裏面的動態效果。
***客戶端:瀏覽器。
javaScript和java的區別(雷鋒塔和雷鋒) :javascript

javaScript是網景的產品，java是sun公司的產品，如今oracle.
javaScript的運行只要系統裏有瀏覽器就能夠了。java的運行依賴於虛擬機。
javaScript是弱類型語言，java是強類型語言。
弱類型語言:在js裏面，全部的變量都用var定義，好比: var a=10;var b="hello js"強類型語言:在java裏面，int a=10; int b="hello java" 錯誤的寫法。
javaScript的組成: .
EcmaScript:規範了js的基於語法。
Bom: Browser Object model ,瀏覽器對象模型，操做瀏覽器。
Dom: Document 0bject model，文檔對象模型，操做文檔。
js做用:它是給網頁增長動態效果。
1.內嵌式:
在網頁裏，引入js代碼的基本語法: <script type="text/javascript"> js代碼</script>
在上述代碼中，type屬性是用來指定HTML文檔引用的腳本語言類型，當type屬性的值爲text/Javascript時，表示<script></script>元素中包含的是Javascript腳本。
2.外鏈式:
在網頁裏，引入外部的js文件的語法: <script type=" text/javascript" src="js文件的url"></script>
操做步驟: 1.建立-一個js文件，2. 在script標記裏面，使用src屬性來引入外部的js文件。
好比:
<head>
<title>insert title here</title>
<script type="text/javaScript" src= " demo01. js"></script>
</head>
<body>
<br/>
來學習javaScript
</body>
3.js裏的數據類型:
Number :數字類型
String :字符串類型
Object:對象類型
null:空類型
undef ined:未知的類型
Boolean :布尓類型
好比:
var a=10;
// alert(typeof a);
var b="hello js";
// alert(typeof b)
var c=null;
// alert(typeof f);
var d;
// alert(typeof d)
var e=true;
alert(typeof e)
4.變量
在js裏面定義變量都用var來定義。
5.運算符

算術運算符: + - * / 等等
比較運算符: > < >= <=等等
邏輯運算符: && ||等等
賦值運算符: += -=等等
注意: var a=10;var b="0"; var c=a-b;在進行減法(乘除法)操做時，會把string類型的值，轉換爲number型。
6.條件語句:
if ,if else,if else if else等語句
其它語句: for語句。switch case語句等等
好比:
var a3=10;
var b3=20;
if(a3==b3){
alert("相等的是10");
}else{
alert("other---")
1.3.3 JavaScript的使用
1.函數的定義和使用
在js裏面定義函數的三種方式：
（1）建立普通函數
語法：function add(a,b){
var sum=a+b;
return sum;
}
（2）建立匿名函數
語法：var add2=function(a,b){
var sum=a+b;
return sum;
}
（3）建立動態函數：
語法：a.定義函數的參數:
var param=’’a,b’’;
b.建立函數體:
var method=」var sum=a+b;return sum;」
c.動態函數:
var add =new Function(param,method);
2.事件處理
事件：經過觸發事件，去調用相關的函數，來實現網頁的動態效果。
若是在網頁裏面去觸發事件？
在網頁裏面綁定事件經常使用的兩種方式：
(1)直接經過事件綁定函數。
好比：<input type=」button」 name=」btn」 value=」點我」 onclick=」add()」 >;」 />
Function add() {alert(「點我啊」);}
(2) 經過給事件屬性賦一個函數
好比：<input type=」button」 name=」bbs」 value=」aa」 id=」inputID」 >;」 />
document.getElementById(「inputID」)onclick=function(){
alert(「點我了麼」);
}
經常使用事件：
（4）點擊事件：onclick
（5）失去焦點事件：onblur
（6）獲取焦點：onfocuse
（7）鍵盤事件：onkeyup onkeydown onkey press
（8）頁面加載事件：onload
（9）鼠標事件：onmouseout onmouseover onmousemove
3.經常使用對象
A.window對象：
經常使用的屬性：history，document，navigator，location，screen
好比：var aa=window.location.href;
alert(aa);
經常使用的方法：
設置定時器方法：
Var id1=setInterval(js代碼，時間)：每隔一段時間循環執行對應的js代碼
Var id2=setTimeout（js代碼，時間）：每隔一段時間，只執行一次對應的js代碼
消除定時器的方法：
ClearInterval(id1)
clearTimeout(id2)
B.Date對象：
使用方法和Java差很少
Var myDate=new Date();
獲取年份：myDate.getFullYear();
獲取月份:myDate.getMonth();
獲取天：myDate.getDay()
C.String對象
獲取字符串的長度：
Length
與HTML相關的方法：
字體加粗：bold();字體變大：big();
與Java類似的方法：
IndexOf(),concat(),substr(),substring()html

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。