8月js入門筆記

小知識(shí)

  • NaN 表示非數(shù)值。可以用isNaN(X);函數(shù)進(jìn)行驗(yàn)證。
  • Undefined理解上不等于null,但是Undefiend派生自null,所以如果進(jìn)行比較會(huì)返回true。 這里null為空值,而Undefined為未初始化和使用過(guò)。
    typeof 運(yùn)算符
    typeof 運(yùn)算符有一個(gè)參數(shù),即要檢查的變量或值。例如:
    var sTemp = "test string";alert (typeof sTemp); //輸出 "string"alert (typeof 86); //輸出 "number"
    對(duì)變量或值調(diào)用 typeof 運(yùn)算符將返回下列值之一:
    undefined - 如果變量是 Undefined 類型的
    boolean - 如果變量是 Boolean 類型的
    number - 如果變量是 Number 類型的
    string - 如果變量是 String 類型的
    object - 如果變量是一種引用類型或 Null 類型的

取子串
substring((starPos,stopPos);  
注意:如果strpos>StopPos 會(huì)導(dǎo)致參數(shù)交換位置。

取子串指定長(zhǎng)度

substr(starPos,length); 
方法從字符串中提取從 startPos位置開始的指定數(shù)目的字符串。
注意:如果參數(shù)startPos是負(fù)數(shù),從字符串的尾部開始算起的位置。
也就是說(shuō),-1 指字符串中最后一個(gè)字符,-2 指倒數(shù)第二個(gè)字符,以此類推。

大寫轉(zhuǎn)換

string.toUpperCase() 

大寫轉(zhuǎn)換

string.toLowerCase() 

取絕對(duì)位置的字符

stringObject.charAt(index); 
charAt() 方法可返回指定位置的字符。返回的字符是長(zhǎng)度為 1 的字符串。

取字符出現(xiàn)的索引

 stringObject.indexOf(substring, startpos)

切割字符串

 stringObject.split(separator,limit)
 如果把空字符串 ("") 用作 separator,那么 stringObject 中的每個(gè)字符之間都會(huì)被分割。


Math對(duì)象

Math對(duì)象,提供對(duì)數(shù)據(jù)的數(shù)學(xué)計(jì)算。
var mypi=Math.PI; 
var myabs=Math.abs(-15);

Math 對(duì)象屬性

Math 對(duì)象方法


location對(duì)象屬性圖示:


location 對(duì)象屬性:

location 對(duì)象方法:

  replace和assign的區(qū)別是assign會(huì)新增一條歷史記錄,而replace只是替換。

1.innerText
  是id為object的閉合標(biāo)簽內(nèi)的文本,輸入輸出的是轉(zhuǎn)義文本(字符串);  (label控件用innerText有效)
2.innerHtml
是<div>標(biāo)簽內(nèi)的文本,輸入輸出到該DOM內(nèi)部純HTML代碼(流); 
 (獲得td、div等html元素時(shí)候,它們是沒有value或是text屬性,只能用innerHtml)

3.value

  是表單元素特有的屬性,輸入輸出的是轉(zhuǎn)義文本(字符串);  (Button、CheckBox、Radio)隨表單一起發(fā)送的值;
 (Reset、Submit)標(biāo)簽;  (Text、Hidden)默認(rèn)值;  (File、Password)  (注: Text控件用value有效)

document.getElementById('myHead');

根據(jù)id取 返回結(jié)果唯一,如果標(biāo)簽中有多個(gè)就匹配第一個(gè)

document.getElementsByName("sex");

 根據(jù)name取,返回結(jié)果為數(shù)組,因?yàn)閚ame可以為多個(gè)
document.getElementsByTagName('input');
 根據(jù)TAG取,返回結(jié)果為數(shù)組,因?yàn)閠ag可以為多個(gè)

區(qū)別getElementByID,getElementsByName,getElementsByTagName

以人來(lái)舉例說(shuō)明,人有能標(biāo)識(shí)身份的身份證,有姓名,有類別(大人、小孩、老人)等。

  • ID 是一個(gè)人的身份證號(hào)碼,是唯一的。所以通過(guò)getElementById獲取的是指定的一個(gè)人。
  • Name 是他的名字,可以重復(fù)。所以通過(guò)getElementsByName獲取名字相同的人集合。
  • TagName可看似某類,getElementsByTagName獲取相同類的人集合。如獲取小孩這類人,getElementsByTagName("小孩")。

把上面的例子轉(zhuǎn)換到HTML中,如下:

<input type="checkbox" name="hobby" id="hobby1"> 音樂

input標(biāo)簽就像人的類別。
name屬性就像人的姓名。
id屬性就像人的身份證。

方法總結(jié)如下:


getAttribute()方法

獲取標(biāo)簽下的屬性

setAttribute()方法

setAttribute() 方法增加一個(gè)指定名稱和值的新屬性,或者把一個(gè)現(xiàn)有的屬性設(shè)定為指定的值。
語(yǔ)法:
elementNode.setAttribute(name,value)
說(shuō)明:
1.name: 要設(shè)置的屬性名。
2.value: 要設(shè)置的屬性值。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 轉(zhuǎn)載請(qǐng)聲明出處 博客原文 隨手翻閱以前的學(xué)習(xí)筆記,順便整理一下放在這里,方便自己復(fù)習(xí),也希望你有也有幫助吧 第一課...
    前端進(jìn)階之旅閱讀 12,981評(píng)論 13 94
  • 個(gè)人博客:https://yeaseonzhang.github.io 花了半個(gè)多月的時(shí)間,終于又把“JS紅寶書”...
    Yeaseon閱讀 11,747評(píng)論 9 52
  • 1. Java基礎(chǔ)部分 基礎(chǔ)部分的順序:基本語(yǔ)法,類相關(guān)的語(yǔ)法,內(nèi)部類的語(yǔ)法,繼承相關(guān)的語(yǔ)法,異常的語(yǔ)法,線程的語(yǔ)...
    子非魚_t_閱讀 34,897評(píng)論 18 399
  • 一、JS前言 (1)認(rèn)識(shí)JS 也許你已經(jīng)了解HTML標(biāo)記(也稱為結(jié)構(gòu)),知道了CSS樣式(也稱為表示),會(huì)使用HT...
    凜0_0閱讀 2,945評(píng)論 0 8
  • 從來(lái)沒有仔細(xì)算過(guò)有多少年。 只記得是還不懂事兒的盛夏,我們倉(cāng)皇相遇。 最開始的記憶我真的還很清晰。 Y天生的張揚(yáng)像...
    烏龜說(shuō)閱讀 480評(píng)論 0 0

友情鏈接更多精彩內(nèi)容