後浪小萌新JS 原生js的應用基礎

js常用資料型別: 數字型別、字串、布林、陣列

數字型別(number) - 所有數字對應的型別

1) typeof(資料) - 獲取指定資料對應的型別

2) 數學物件(math)

a.小數轉整數

math.ceil() - 向上取整

math.floor() - 向下

math.round() - 四捨五入

b.常用運算

math.pow() - x的y的次方

math.abs() - 絕對值

c.隨機數

math.random() - 0~1的隨機小數

parseint(math.random()*100) - 0~100的整數

math.random()*899+100 - 100~999隨機數

3)型別轉換

number() - 轉換成數字(元資料是什麼格式的數字, 就轉換成什麼格式的數字)

parsefloat() - 將資料轉換成帶小數點的數字

parseint() - 將資料轉換成整數

math.ceil()/math.floor()/math.round()

字串(string) - 容器型資料型別, 不可變並且有序

1)表示: 使用單引號或者雙引號引起來, 模板字串用``\

2)轉義字元

具有特殊功能和意義的字元

\u + 16進製制數 - 編碼字元

3)獲取字元

變數名[下標]

注意: js中下標值的範圍是0~長度-1

下標越界不會報錯,為 undefined

a.加法

不支援乘法運算

b.比較運算

比較第一對不相等的編碼值

5)相關方法和屬性

length屬性 - 獲取字串長度

match(正規表示式)方法 - 查詢字串中能夠滿足正則的第乙個子串

注意: js中只找滿足正則的第乙個子串,正則中後面加g查詢所有的子串

charat(下標) - 獲取對應下標的字元

字串.slice(開始下標, 結束下標) - 切片

6)型別轉換

string(資料) - 將資料轉換成字串

布林(boolean)

只有true和false兩個值

陣列(array)

相當於python中的列表

1)增刪改查

a.查 - 陣列[下標]

遍歷for-in

陣列.foreach(有乙個或者兩個引數的函式)

舉例:

console.

log(
function
(item,index)
, y:$`
)})

陣列.push(元素) - 在陣列最後新增指定元素

陣列.splice(下標,0,元素1,元素2,…) - 在指定下標前插入指定元素

c.刪陣列.pop() - 刪除陣列的最後乙個元素

陣列.splice(下標, 刪除個數) - 從指定下標開始刪除指定個數的元素

d.改陣列[下標] = 值

2)相關方法

a.陣列.every(函式) - 檢測陣列中所有的元素是否滿足函式返回值提供的條件

函式 - 需要乙個引數, 這個引數指向的是陣列中的每個元素

b.陣列.filter(函式) - 索取陣列所有滿足函式返回值要求的元素

c.陣列.join(分隔符=』,』) - 將陣列的所有元素放入乙個字串

d.陣列.map(函式) - 將原陣列中的元素按照函式做指定的操作後, 產生新的陣列

e.陣列.reduce(函式, 初始值) - 將原陣列中的元素按照函式做指定的操作後, 產生新的陣列

f.陣列.sort(函式) - 排序

函式有兩個引數, 指向的都是序列中的元素

物件js中的可以看成是python中字典和物件的結合

1)物件字面量

物件名 =

建構函式

用來建立物件的函式, 函式名就相當於類名

相當於定義類

function 類名()

建立物件

物件 = new 類名()

屬性的操作

查物件[屬性名]

物件.屬性

改、增物件[屬性名] = 值

物件.屬性 = 值

注意: 如果沒有指定屬性就是新增, 有就是修改

給指定類所有的物件調價屬性和方法(這兒的所有的物件可以是新增前建立的, 也可以是新增後建立)

一般用於對系統或第三方的類進行擴充套件

類名.prototype.屬性 = 值

什麼是dom

dom是 document object model的縮寫, 文件物件模型

js中自帶乙個document物件, 指向的是當前網頁的內容(包含了body以及body中所有的可見標籤)

dom操作 - js通過操作document物件來操作網頁內容

獲取節點(獲取標籤)

a.直接獲取

document.getelementbyid(id值) - 根據id值來獲取節點(返回的是標籤/節點物件)

document.getelementsbyclassname() - 根據class屬性值獲取節點(返回值是類似陣列的容器-htmlcollection, 容器中的元素是標籤物件)

document.getelementsbytagname() - 根據標籤名獲取節點(返回值是類似陣列的容器-htmlcollection, 容器中的元素是標籤物件)

b.間接獲取

獲取乙個標籤的父節點: 節點物件.parentelement

獲取乙個標籤的子節點: 節點物件.children/節點物件.firstelementchild/節點物件.lastelementchild

建立節點

document.createelement(標籤名) - 返回節點物件(節點不會新增到網頁中)

新增節點(將節點放到網頁中去)

節點物件1.inserbefore(節點物件2,節點物件3) - 在節點1中節點3的前面插入節點2

刪除節點(刪除網頁中指定標籤)

節點物件.remove() - 刪除指定節點

拷貝節點

節點.clonenode(false) - 淺拷貝乙個節點

節點.clonenode(true) - 深拷貝乙個節點

雙標籤標籤內容屬性

innertext - 普通文字內容

innerhtml - html內容

注意: 不賦值獲取標籤內容, 賦值修改標籤內容

classname - class屬性

注意: 屬性有多個單詞用-隔開,變成駝峰式命名

後浪小萌新Python XPath的使用

xpath是專門用來解析xml資料格式的資料的。採用直接分析節點的方式解析資料 xml資料注意 xml和json一樣都是屬於資料格式，用來進行資料的傳遞的資料格式。json的優點輕，佔頻寬小 xml傳統 老牌 資料加密方便 xml資料格式 像html一樣通過節點來儲存資料 概念 表示式描述 節點 節...

後浪小萌新Python 模組的匯入

乙個py檔案就是乙個模組 我們可以在任意乙個模組中使用另外乙個模組中所有的全域性變數 普通變數 函式 類 如果想要在乙個模組中使用另外乙個模組的內容，必須先導入模組 系統模組 系統已經定義好的模組，程式設計師可以直接匯入使用 自定義模組 在工程中建立的模組 程式設計師直接匯入使用 匯入方式 impo...

後浪小萌新HTML head中的標籤

head中可以使用的標籤 meta title link style script base meta標籤 網頁元資料，主要用來對網頁進行基本設定，包括 設定文字編碼方法 設定網頁搜尋關鍵字 網頁簡介 網頁型別等 title標籤 網頁標題 link標籤 匯入外部檔案 匯入作為網頁圖示 匯入外部樣式表...