javascript最快入門

時間 2019-12-07

原文原文鏈接

<!DOCTYPE html>

javascript

javascript

javascript是獨立的語言，瀏覽器包含javascript的解釋器。
在
最好將javascript代碼塊放在body最底部

變量：

var a='paul';//聲明變量

a='paul'; //聲明全局變量

定義函數:

function 函數名(){
函數內容，必須有分號結尾
}

數據類型：

數字不區分證書和浮點數

age="18";
i=parseInt(age);

字符串：

a="alex"

a.charAt(1);取到a

a.substring(1,3);取到le，包頭不包尾。
a.length;取到4，字符串長度

定時器：每隔多少秒執行一次

setInterval("方法function()"，時間間隔(2000,表示2秒));

tag=document.getElementById("")從html文件找。

tag.innerText取元素中的內容，也能夠直接設置

tag.innerText='hello'

obj='a';

obj.concat('b') 輸出ab，字符串拼接。

obj.indexOf('a') 輸出0，查找字符位置。

obj.split('a')字符串分割

布爾類型（小寫）

a=true/false

列表（數組)

a=[11,22,33]
a.length 輸出數組長度

splice方法能夠實線刪除，插入，修改
修改
a.splice(1,1,99)輸出結果爲[11,99,33]

插入
a.splice(1,0,909)輸出結果爲[11,909,99,33]

字典：

a={'k1':'v1','k2':'v2'}

a[k1]取值

for循環循環的都是索引

a=[11,22,33,44]

for(var item in a){
console.log(a[item])
}
for(var i=0;i<a.length;i++){（不支持字典循環）
console.log(a[i])
}

條件語句

if(語句){
}else if(){
}else{
}

判斷

兩個==號是判斷值，三個====號判斷值也判斷類型css

邏輯語句與&& 或|| 非！
html

Dom

找到標籤

document.getElementById('') 獲取單個元素
document.getElementsByTagName('div')把多有div找到

document.gerElementByClassName('c1') 獲取多個元素 java
1. 直接找
  
  document.getElementById 根據ID獲取一個標籤
  
  document.getElementsByName 根據name屬性獲取標籤集合
  
  document.getElementsByClassName 根據class屬性獲取標籤集合
  
  document.getElementsByTagName 根據標籤名獲取標籤集合
2. 間接找
  parentNode // 父節點
  childNodes // 全部子節點
  firstChild // 第一個子節點
  lastChild // 最後一個子節點
  nextSibling // 下一個兄弟節點
  previousSibling // 上一個兄弟節點 git
  
  parentElement // 父節點標籤元素
  children // 全部子標籤
  firstElementChild // 第一個子標籤元素
  lastElementChild // 最後一個子標籤元素
  nextElementtSibling // 下一個兄弟標籤元素
  previousElementSibling // 上一個兄弟標籤元素 github
操做標籤
獲取標籤中的文本內容
標籤.innerText
對標籤賦值
標籤.innerText="" class操做
className // 獲取全部類名 classList.remove(cls) // 刪除指定類 classList.add(cls) // 添加類

javascript序列化

a=[11,22,33,44,55]  

s=JSON.stringify(a)輸出"[11,22,33,44,55]"字符串  

反序列化  

newa=JSON.parse(s)輸出newa爲[11,22,33,44,55]列表

JSON.stringify()將對象轉成字符串
JSON.parse()將字符串轉成對象 web

eval

val = eval("1+1") val值爲2
能夠執行表達式也能夠執行代碼 canvas

時間

Date類
var d= new Date()
setXXXX()設置時間 getXXXX()設置時間數組

做用域

pytyhon以函數爲做用域，javascript也是
javascript有做用域連，一層一層的找函數調用以前先建立數據。
函數內部有提早聲明變量的操做。
原型：
fucntion Foo(n){ this.name=n;
} 瀏覽器

Foo.prototype={
    'sayName':function(){
        console.log(this.name);
    }
}

相關標籤/搜索

每日一句

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