javascript基本知識整理四

2021-08-08 22:33:02 字數 3718 閱讀 2043

dom操作

使用getelement系列方法實現dom元素的查詢和定位

使用core dom標準操作實現節點的增刪該查

dom?

通過dom可以動態改變文件內容

解析文件並生成dom樹

通過標準介面+程式語言改變文件內容

訪問指定節點的方法

getelementbyid()

getelementsbyname()

getelementsbytagname()

getelementsbyclassname()

function changebg()

var b1=document.getelementbyid('b1');

var b2=document.getelementbyid('b2');

var img1=document.getelementbyid('img1');

b1.οnclick=function()

b2.οnclick=function()

通過標籤呼叫

var div = document.getelementsbytagname('div');

div[0].οnclick=function()

更改樣式的方法:

1、classsname 用於為dom元素直接新增乙個樣式類

2、style 用於為dom元素新增某乙個樣式值,注意駝峰寫法

3、csstext 用於為dom 元素一次新增多個樣式

獲取標籤名稱

var d1=document.getelementbyid('d1');

alert(d1.tagname);

獲取內容

var d1=document.getelementbyid('d1');

alert(d1.innerhtml);

修改內容

var d1=document.getelementbyid('d1');

d1.innerhtml+='第三段內容'

如果程式設計時希望訪問某個元素的父元素,但又不知道父元素的id、name、tag等可以根據父節點等找到

父節點var h1=document.getelementbyid('h1');

var parent=h1.parentnode.parentnode;

alert(parent.tagname);

子節點var d1=document.getelementbyid('d1');

var child=d1.childnodes;

alert(child[0].tagname);

練習:

增加一行的內容

//var tr3=document.getelementbyid('tr3');

/*var clone=tr3.clonenode(false);

clone.id='';

var parent=tr3.parentnode;

刪除第二行的內容

var tr3=document.getelementbyid('tr3');

var parent=tr3.parentnode;

parent.removechild(parent.childnodes[2]);

更改標題樣式

var tr3=document.getelementbyid('tr3');

var parent=tr3.parentnode;

var child=parent.childnodes[0];

child.style.color='red';

child.style.fontsize='40px';

複製最後一行的內容

var tr3=document.getelementbyid('tr3');

var clone=tr3.clonenode(true);

clone.id='';

var parent=tr3.parentnode;

什麼需要表單驗證

1、表單元素是否為空

2、使用者名稱和密碼

3、email位址驗證

4、身份證等是否是數字

當輸入表單資料不符合要求時,如何編寫指令碼來進行驗證?

正規表示式是乙個描述字元模式的物件

1、定義正規表示式

2、表示式的模式

普通方式

var reg=/表示式/附加引數

var reg=/white/;

建構函式

var reg=new regexp(」表示式「,」附加引數「)

regexp物件的方法

---test:檢索字串中指定的值,返回true或false

---exec:在字串中執行匹配搜尋,返回結果陣列

regexp物件的屬性

----i:執行對大小寫不敏感的匹配

----g:執行全域性匹配(查詢所有匹配而非在找到第乙個匹配後停止)

----m:執行多行匹配

正規表示式:

var reg=/a/;

var content=prompt('請輸入內容');

alert( reg.test(content,reg)?'驗證通過':'驗證失敗');//驗證是否與給定的正則是否匹配。(若 var reg=/a/i;表明大小寫不明感)

string物件的方法

----match:找到乙個或多個正規表示式的匹配

----search:檢索與正規表示式相匹配的值

----replace:替換與正規表示式匹配的字串

----split:把字串分割為字串陣列

1、split

var reg='a';

var content='123a123a123a';

var list=content.split(reg);

for(var i=0;i

2、replace

var reg=/a/g;

var content='hanchengxuan is a good girl';

alert(content.replace(reg,'b'));

3、match//匹配

var reg=/a/g;

var content='afffdsafdsfdsafasfdvcxjkfdlsjg';

var arr= content.match(reg);

for(var i=0;i

4、search

var reg=/a/;

var content='jianghao is not a cute boy';

alert(content.search(reg));

javascript基本知識

多型 指同一操作操作在不同物件上,可以產生不用的解釋和不同的執行結果。例 var makesound function animal else if animal instanceof chilken var duck function var chicken function makesound ...

javascript基本知識整理三

全域性變數 定義在外邊的變數 若沒有用var宣告,則當這行賦值執行,則就將他認為是全域性變數。區域性變數 在函式內部裡宣告的變數,只能在該函式裡有效。bom物件 window物件的方法 prompt alert confirm close open settimeout setinterval cl...

Oracle 基本知識

乙個表空間只能屬於乙個資料庫 每個資料庫最少有乙個控制檔案 建議3個,分別放在不同的磁碟上 每個資料庫最少有乙個表空間 system表空間 建立system表空間的目的是盡量將目的相同的表存放在一起,以提高使用效率,只應存放資料字典 每個資料庫最少有兩個聯機日誌組,每組最少乙個聯機日誌檔案 乙個資料...