原生js 操作

2022-05-08 15:21:13 字數 2287 閱讀 4602

1,陣列操作:

/*

var arr1 = new array(1,2,3,"您好");

var arr = [1,2,3]

arr.length 返回的是長度屬性

arr.push('1') 向陣列尾部增加乙個值

arr.pop() 去除陣列的尾部數字

arr.reverse() 資料翻轉

arr.indexof(1) 1 資料所在的位置! 如果找不到就會返回-1

arr.splice(0,2,'sss'); 表示0為開始,2位結束(不包括2) ,都要替換為sss

返回的並不是陣列匹配到返回,需要變數儲存!

*/

2,字串方法

/*

str1 = 18.90

parseint(str1) 將字串轉換成int 型別! 捨去小數部分!

alert(str1 - 0) 會將字串轉為 int 型別!

var data = '2018-0-0 ';

var arr = data.split('-') 經字串轉換成陣列的形式!

data.indexof('-') 尋找有沒這個數值,並且返回下標,沒有直接返回-1

alert(data.substr(1,6)) 尋找1-6 的值

var a = '1234567890'

alert(a.split('').reverse().join('')) 字串翻轉的方法

*/

3,除錯工具的一種方法

/*

console.log('')

for( var i =0 ;i<100;i++) 在控制台除錯工具!

*/

4,函式: 函式是有著作用域的,定時函式

/*

定時函式:

//多個定時器 3秒之後執行

inte = setinterval(function () ,3000)

clearinterval(inte); //關閉多個定時器

//單個定時器 3秒之後執行

inte = settimeout(function () ,3000)

cleartimeout(sett);/關閉單個個定時器

*/

5,js 點選事件,點選事件不一定非得按鈕才能發生。

/*

obu.onclick =function()

obu.onclick = ob; //點選事件相當於呼叫了函式!

function ob()

*/

6,引用js 的三種

/*

1),內嵌式:在html**最後寫js **這裡寫js **2),外鏈式:在檔案開頭寫引用形式-->

3).window.onload=function (ev) **放置函式裡面。

*/

7,js 的五種資料型別

/*

1),數值型別

var num = 10

2),字串型別

var str = 'abc'

alter(10+10+10+str) 返回的結果為 30abc 是string 型別

3),布林值

var bu= true;

4),undefined 型別 (只是變數沒有定義的時候)

var a;

alert(a)

5), null 空型別

var a =null;

alert(a)

*/

8,邏輯運算,與直接控制標籤屬性

/*

js 的邏輯運算子:

&& 兩邊都 成立時候返回true || 兩邊有乙個成立,返回ture

js 控制html 屬性 直接 odiv.innerhtml='這是js控制的!'

js 控制 css 屬性,直接 odiv.style.height='300px';

*/

9,其他

/*

1),瀏覽器有著渲染的功能!只需要我們能夠提供相同的**給瀏覽器,就會可執行!

2),可以通過odiv.style 的形式增加css屬性!

但是html之上(不是css)如果沒有 width 屬性!不可以增加width 屬性!

(可以增加classname 屬性來增加width)

3),函式的預解析指的是可以在函式沒有定以前呼叫函式!

*/

js原生dom操作

1.建立元素 var a document.createelement a var node1 document.createelement div var node2 document.createtextnode hello world 2.新增子元素 刪除子元素 document.body.r...

原生JS操作AJAX

1,get方式的ajax 1 function sendajaxreq 219 20 4,傳送請求,如果是在火狐下,使用get方式傳送ajax請求,send的時候括號寫上null 21 req.send null 22 2,post方式ajax 1 使用post傳參,需要攜帶乙個請求頭模擬表單提交 ...

原生JS操作DOM

複製 var one document.queryselector one one.style.color blue 複製 1.getelementsbyclassname 2.queryselectorall 複製 因為js獲得的節點中返回所有類是乙個陣列,所以要對其進行迴圈控制 用迴圈長度的方式...