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...