js 筆記 08 BOM 及 DOM 相關

2021-10-08 16:41:36 字數 1611 閱讀 9298

系統對話方塊

alert():彈出對話方塊;

confirm():彈出乙個帶確定和取消的提示框;

prompt():彈出乙個帶輸入框的提示框;

history 物件

作用:當前視窗歷史記錄,只要載入的 url 不一樣就會產生歷史記錄;

注意不是瀏覽器的,而是當前視窗的歷史記錄。

location 物件的屬性

url:統一資源定位符;

協議: // ip(網域名稱) : 埠號 / 路徑 / ? 查詢字串 # 錨點

protocol: // hostname: port / pathname / ?search # hash

節點型別

獲取有效樣式

通過.style.***的方式只能訪問內聯的 css 樣式;

而獲取當前有效樣式系統提供了兩種方法:

alert

(odiv.currentstyle[

'height'])

;

alert

(getcomputedstyle

(odiv)

['height'])

;

定義乙個跨瀏覽器也能相容的方法:

function

getstyle

(node,cssstyle)

每隔一秒,文字顏色隨機改變,且文字變大變小,六次一迴圈:

html 檔案

<

!doctype html>

"en"

>

"utf-8"

>

"viewport" content=

"width=device-width, initial-scale=1.0"

>

變化的文字<

/title>

"stylesheet" href=

"./css/style.css"

>

<

/head>

"text"

>

某些文字

<

/div>

"./src/sw.js"

>

<

/script>

<

/body>

<

/html>

css 檔案
#text
js 檔案
// 隨機顏色

function

randomcolor()

, $,

$)`;return str;

}window.

onload

=function()

},1000);

}

效果如下:

筆記 js內建物件及自定義物件

內建物件 string math date array event string str.length str.charat 5 str.indexof 找不到返回 1 str.tolowercase str.touppercase str.substring 3,6 str.replace mat...

js學習筆記6 作用域及解析機制

1.作用域 域 空間 範圍 區域 作用 讀 寫 script 全域性變數,全域性函式 自上而下 函式由里到外 2.js解析 找一些東西 var function 引數 a 未定義 所有的變數,在正式執行 之前,都提前賦予了乙個值 未定義。fn1 function fn 所有的函式,在正式執行 之前,...

js學習筆記(陣列的查詢及相關函式)

let arr 1,2,3,4,2 arr.indexof 2 1 arr.indexof 9 1 在陣列中查詢元素,若存在就返回索引,若不存在則返回 1 arr.lastindexof 2 4 與indexof類似,但從陣列右側開始查詢 let arr 1,2,3,4,5 arr.indexof ...