五 JS操作HTML方法

2022-06-09 20:24:08 字數 1796 閱讀 5239

1.js事件

例如最基本的,onbluer  獲得焦點,onchenge  修改文字,onclick  滑鼠點選事等等。

這類**寫到標籤中,

,這裡注意的是函式名的雙引號。

2.dom的window操作

window.open(url,name,spers,replace);注意此處的四個人屬性值都加雙引號用逗號隔開。

url:開啟的鏈結的位址。

name:開啟方式有四種,預設為_blank  開啟新視窗

_parent 開啟到付及框架

_sele 代替自身的頁面

_top 直接開啟到頂級父級頁面

spers:多用於調整高度

以下的window操作寫法可以將window換成對應的物件名:

window.close(); 關閉視窗

window.moveto(x,y); 調整開啟視窗的位置

window.resize(x,y); 高寬    單位是畫素

3.延遲與間隔

間隔 setinterval("函式名",間隔時間)函式名需要新增雙引號!!    時間是毫秒!

setinterval() 方法會不停地呼叫函式,直到 clearinterval() 被呼叫或視窗被關閉。由     

setinterval() 返回的 id 值可用作 clearinterval() 方法的引數。

clearinterval(間隔的變數名);

間隔多用於沒有使用者操作的情況下

延遲settimeout("函式名",間隔時間)雙引號注意!!

方法用於在指定的毫秒數後呼叫函式或計算表示式。 

4.操作html

查詢元素:

根據id獲取元素

document.getelementbyid("id");

根據class獲取元素

document.getelementsbyclassname("class");

根據標籤名獲取元素

document.getelementsbytagname("div");

根據name獲取元素

document.getelementsbyname("name");

注意新增引號!!

5.改變html內容

物件名.innerhtml;用於新增文字或者**

新增文字  .innertext;

6.操作屬性此處注意新增雙引號!!

1.設定乙個屬性,新增或更改

獲取的物件.setattribute("屬性名","屬性值")

2.獲取屬性的值

獲取的物件.getattribute("屬性名");

3.移除乙個屬性

獲取的物件.removeattribute("屬性名");

7.操作樣式

1.操作樣式     

獲取的        物件.style.樣式="" ;樣式中間的橫槓去掉  且需要大寫    例如

backgroundcolor

2.獲採樣式

var a = 獲取的物件.style.樣式

8.操作表單元素 

物件名.value;

HTML基礎js操作

ces 最開始學的四種定義方式 var test 123 定義乙個變數這個叫區域性變數 test 123 這個就叫做全域性變數 let test 123 區域性變數另一種方式 const name 1111 常量不允許修改 const name dsx 預設全域性變數 name 123 functi...

js中html屬性操作

1屬性.元素 獲得 var btn document.getelementbyid btn btn.id btn btn.type button btn.value 按鈕 等號左邊的都可以通過上述方法獲得 2屬性.元素 替換 修改 var btn document.getelementbyid bt...

js操作html頁面寫入excel

卡號密碼 計費方式 有效天數 金額所屬服務專案 發卡時間 h000010010 543860 計點2.0 測試專案 2006 06 23 10 14 40.843 h000010011 683352 計點2.0 測試專案 2006 06 23 10 14 40.843 h000010012 4332...