BOM

瀏覽器對象模型——BOM(沒有標準樣式,有兼容問題,因此少用)html

A.window對象
A-1:窗口操做
IE:
moveBy(dx,dy)
移動的距離,相對移動
moveTo(x,y)
移動位置,絕對移動
resizeBy(dw,dh)
resizeTo(w,h)
window.screenLeft
window.screenTop
document.body.offsetWidth
document.body.offsetHeight

Mozilla提供的:
window.scrennX/Y判斷窗口位置
window.innerWidth/Heigth判斷視口大小
window.outerWidth/Height判斷瀏覽器窗口自身的大小
A-2:新打開的窗口
window.open("URL","Name","屬性等")
window.open("page2.html"," ","width=400px,heigth=400px");
window.close();
A-3:系統對話框
alert( )只接受一個參數
alert("afja");字符串加" "
alert(123);
confirm( )有返回值true/false,能作判斷
if(confirm("是否提交")) {
alert("提交成功!");
} else {alert("提交失敗!");}
prompt("提示文字","輸入的值")
var str = window.prompt("請輸入姓名:", "張三");
alert(str); 彈出框顯示的就是:張三
A-4:狀態欄
window.defaultStatus=" "; 這是屬性、針對IE有效
window.defaultStatus = "測試數據";
window.status = "test";
A-5:時間間隔和暫停
setTimeout("函數/方法",延遲的毫秒數) 這個只執行一次
setTimeout("alert("點擊肯定")",1000); 在1秒以後彈出點擊肯定的框
setTimeout(function(){alert("123");},1000);
clearTimeout( ) 暫停執行
setInterval("函數/方法",延遲的毫秒數) 這個循環執行
clearInterval( ) 暫停執行
A-6:歷史
window.history.go( ); 參數是返回的頁數,正數爲前進
history.back(); 前進一頁
history.forward(); 後退一頁
alert("在歷史記錄中有"+history.length+"頁"); 查看歷史中的頁數瀏覽器

B:document對象
anchors 頁面中全部錨的集合
forms 頁面中表單的集合
images 頁面中圖像的集合
links 頁面中全部連接的集合函數

相關文章
相關標籤/搜索
本站公眾號
   歡迎關注本站公眾號,獲取更多信息