BOM瀏覽器物件模型和DOM文件物件模型

2021-09-25 07:37:24 字數 3903 閱讀 6049

history

常用方法:

.forward

.back

.golocation

常用屬性

location.href

location.host 返回主機名+埠

location.hostname 返回主機名

document物件

.referrer 返回載入當前文件的url(返回前頁面的路徑)

.url 返回當前文件的url

settimeout(方法名,時間毫秒);等待

方法=setinterval(方法名,時間毫秒); 持續輸出

清空時間clear**

innertext屬性 對標籤中的內容(製作時間表的時候用的)

math物件

.random()

.ceil()

.floor()

.round()

firstchild 每個標籤後面有乙個空的節點

childnodes 返回集合list

下乙個節點

nestsibling (回車也算乙個節點,文字不算)

firstelementchild 獲取第乙個子節點

獲取父節點

parentnode

p節點插入到li節點前面:ul.insertbefore(p,li);

移除節點: removechild(a)

替換節點: replacechild(a,b)

獲取元素的樣式 非ie瀏覽器 document.defaultview.getcomputedstyle(li,null).color ie瀏覽器 document.getelementbyid(「id名」).currentstyle.color 兄弟用style吧 document.getelementbyid(「id名」).style.color

課後總結:

本次課程主要講的是bom和dom

bom可以實現的功能:

1.彈出新的瀏覽器視窗

2.移動和關閉瀏覽器視窗以及調整視窗的大小

3.頁面的前進、後退

window物件常用的屬性

history 有關客戶訪問過的url的資訊

location 有關當前url的資訊

例如使用

window.location=「

因為location是乙個相關於當前資訊的獲取,如果如上執行就會把本地的當前路徑修改,從而跳轉修改過的網頁

window物件的常用方法

prompt( ) 顯示可提示使用者輸入的對話方塊

alert( ) 顯示帶有乙個提示資訊和乙個確定按鈕的警示框

confirm( ) 顯示乙個帶有提示資訊、確定和取消按鈕的對話方塊

close( ) 關閉瀏覽器視窗

open( ) 開啟乙個新的瀏覽器視窗,載入給定 url 所指定的文件

settimeout( ) 在指定的毫秒數後呼叫函式或計算表示式

setinterval( ) 按照指定的週期(以毫秒計)來呼叫函式或表示式

history物件的常用方法

back() 載入 history 物件列表中的前乙個url

forward() 載入 history 物件列表中的下乙個url

將本次瀏覽的網頁設定為本身,然後再考綠是往哪跳:前進就用forward(),後退用back()

go() 載入 history 物件列表中的某個具體url

等價問題前提是必須有歷史記錄才行

history.back() == history.go(-1) 後退

history.forword() == history.go(1) 前進

【是歷史跳轉回來的才可以再返回去】

location物件的屬性

host 設定或返回主機名和當前url的埠號

hostname 設定或返回當前url的主機名

href 設定或返回完整的url

常用的方法document物件

常用屬性:

referrer 返回載入當前文件的url

url 返回當前文件的url

用法document.referrer 獲取載入當前的文件的位址,可以用來使用在領獎介面跳轉來的路徑是不是正確()

document.url獲取當前文件的位址

date物件

目的是:自己傳入引數的時候要符合一定的格式,不是讓咱們規定這個格式的輸出的

var 日期物件=new date(引數)

引數格式:mm dd,yyyy,hh:mm:ss

相關方法

getdate() 返回 date 物件的乙個月中的每一天,其值介於1~31之間

getday() 返回 date 物件的星期中的每一天,其值介於0~6之間

gethours() 返回 date 物件的小時數,其值介於0~23之間

getminutes() 返回 date 物件的分鐘數,其值介於0~59之間

getseconds() 返回 date 物件的秒數,其值介於0~59之間

getmonth() 返回 date 物件的月份,其值介於0~11之間

getfullyear() 返回 date 物件的年份,其值為4位數

gettime() 返回自某一時刻(2023年1月1日)以來的毫秒數

math物件

ceil() 對數進行上捨入 math.ceil(25.5);返回26

math.ceil(-25.5);返回-25

floor() 對數進行下捨入 math.floor(25.5);返回25

math.floor(-25.5);返回-26

round() 把數四捨五入為最接近的數 math.round(25.5);返回26

math.round(-25.5);返回-26

random() 返回0~1之間的隨機數 math.random(); 例如:0.6273608814137365,他是乙個無限接近1的值,所以你要是需要到幾就向上[1-***]或者向下轉換就行[0-(-1)]

節點removechild( node) 刪除指定的節點

replacechild( newnode, oldnode) 用其他的節點替換指定的節點

style應用及涉及到的一系列事件

onclick 當使用者單擊某個物件時呼叫事件

onmouseover 滑鼠移到某元素之上

onmouseout 滑鼠從某元素移開

onmousedown 滑鼠按鈕被按下

classname屬性

html元素.classname=「樣式名稱」

///不重要的屬性

offsetleft 返回當前元素左邊界到它上級元素的左邊界的距離,唯讀屬性

offsettop 返回當前元素上邊界到它上級元素的上邊界的距離,唯讀屬性

offsetheight 返回元素的高度

offsetwidth 返回元素的寬度

offsetparent 返回元素的偏移容器,即對最近的動態定位的包含元素的引用

scrolltop 返回匹配元素的滾動條的垂直位置

scrollleft 返回匹配元素的滾動條的水平位置

clientwidth 返回元素的可見寬度

clientheight 返回元素的可見高度

標準瀏覽器

document.documentelement.scrolltop;

document.documentelement.scrollleft;

或chrome

document.body.scrolltop;

document.body.scrollleft;

BOM瀏覽器物件模型

bom能做什麼 操作瀏覽器視窗 提供導航物件 提供定位物件 提供跟螢幕相關物件 提供對 cookie 的支援 window物件 開啟瀏覽器後麻黃素那個建立window物件,代表整個視窗 作用 操作視窗 moveby dx,dy 移動指定的距離 moveto x,y 移動到指定位置 resizeby ...

瀏覽器物件模型 BOM

bom的核心物件是window物件,其他物件都是window物件的子物件 一 瀏覽器物件模型 二 window物件 屬性 1.位置型別 瀏覽器距離螢幕的距離 ie chrome alert window.screenleft alert window.screentop ff chrome aler...

BOM 瀏覽器物件模型

延時器 var timerid settimeout cleartimeout timerid 定時器 var timerid setinterval clearinterval timerid 延時器延時一段時間執行一次 定時器 間隔一段時間不停的執行,想要停止,手動呼叫clearinterval...