快捷導(dǎo)航

JavaScript基礎(chǔ)語法、dom操作樹及document對象

更新時間：2014年12月02日 09:37:05 投稿：hebedich

本文介紹了學(xué)習(xí)javascript重要的3個內(nèi)容基礎(chǔ)語法、dom操作樹及document對象，小伙伴們一定要弄明白才行

第一部分基本語法：

1、數(shù)據(jù)類型（字符串、小數(shù)、整數(shù)、布爾、時間日期）

var s="3.14" var n=parsefloat(s) s+=5;

var s="abc3.14" var n=parsefloat(s) //NaN s+=5;//解析轉(zhuǎn)換成小數(shù)型

var d=parseInt(s)//解析轉(zhuǎn)換成整數(shù)型

isNaN(字符串)，判斷是不是數(shù)字模樣的字符串，是-false；否-true

2、變量
3、運算符：四大類
4、表達(dá)式（為了組成語句）：變量+運算符
5、語句：三大類（）
分類：
順序
分支：if;if..else,if..else..if..else...if..else;if嵌套
switch...case
循環(huán):窮舉法，迭代法；四要素（初始條件；循環(huán)條件；循環(huán)體；狀態(tài)改變）
for...
while...
6、數(shù)組：var a= new Array();
7、函數(shù)：四要素（名稱，輸入、返回、加工）

復(fù)制代碼代碼如下:

function show()

{

}

1、運算符

比較運算符（7種）：==/===/!=/>/</<=/>=

===（全等于）

2、字符串substring的用法

3、練習(xí)題：累加求和（運用Js的方法）

4、進(jìn)制轉(zhuǎn)換

第二部分 DOM操作（操作html）樹

windows對象--瀏覽器窗口
[window.document.
window.alert()]
window.location--地址欄
window.history--前進(jìn)、后退（訪問歷史）
window.status--狀態(tài)欄
window.document；(重點)

第三部分 document對象：

1、找

var d=document.getElementById("元素的ID")
var d=document.getElementsByName("元素的名稱")
var d=document.getElementsByTagNme("元素的標(biāo)簽名")

2、操作元素內(nèi)容

常用元素：超鏈接、圖片
分2類：
（1）表單元素（3類）文本(imput: type=text,password,textarea,hidden)、按鈕（submit/reset/button/image）、選擇(radio/checkbox/select下拉列表、列表框/file)
賦值 d.value=xxxx;
取值 var s=d.value
（2）非表單元素:h1....h6;p;div;span;ul;ol;li（記憶新聞）
控制格式標(biāo)簽
內(nèi)容容器標(biāo)簽：
賦值：d.innerHTML=xxxx;
取值：var s=d.innerHTML;

3、操作元素屬性

d.setAttribute(名，值)
var s=d.getAttribute(名)
d.removeAttribute(名)

4、操作元素樣式

(1)內(nèi)聯(lián)樣式：
d.style xxxxx=xxxx;
var s=d.style.backgroudcolor;
(2)class屬性
d.className=""

5、操作相關(guān)元素
上、下、內(nèi)、外

您可能感興趣的文章: