我們知道浏覽器對象模型(BOM)是javascript的組成之一,它提供了獨立於內容與浏覽器窗口進行交互的對象。其分層結構如下:

window對象是整個BOM的核心其有document(文檔對象)、location(地址對象) 和history(歷史對象組成)
調用對象屬性的語法:
1.對象.屬性名=“屬性值”;
2.對象[“屬性名稱字符串”]=”屬性值”;
調用對象方法的語法:
1.對象的方法名();
2.對象[“方法名稱字符串”]();
window對象的常用方法
window對象的常用方法 名 稱 說 明 prompt() 顯示可提示用戶輸入的對話框 alert() 顯示一個大有提示信息和一個“確定“按鈕的警示對話框 confirm() 顯示一個大有提示信息、”確定“和”取消“按鈕的對話框 close() 關閉浏覽器窗口 open() 打開一個新的浏覽器窗口加載給定URL所指定的文檔 setTimeout() 在指定毫秒數後調用函數或計算表達式 setInterval() 按照指定的周期(以毫秒記)來調用函數或計算表達式
窗口的特征屬性
名 稱 說 明 height、width 高度、寬度(以像素記) left、top 窗口的x和y坐標 以像素記 toolbar 是否顯示浏覽器的工具欄 scrollbars 是否顯示滾動條 location 是否顯示地址欄 status 是否添加狀態欄 menubar 是否顯示菜單欄 resizable 窗口是否可調節尺寸 titlebar 是否顯示標題欄 fullscreen 是否使用全屏模式顯示浏覽器window對象的常用事件
名 稱 說 明 onload 一個頁面或一幅圖像加載完成 onmouseover 鼠標指針移到某元素之上 onclick 鼠標單擊某個對象 onkeydown 某個鍵盤按鍵被按下 onchange 域的內容被改變自定義對象的聲明
第一種聲明方式:
<script type="text/javascript">
function paly() {
var p = new Object();//創建一個Object對象開辟內存空間
//給對象p定義屬性
p.age = 1;
p.name = "javascript";
//給對象p定義方法
p.sayHi = function () {
document.write("大家好!我是" + p.name + "我今年" + p.age + "歲了");
}
//返回對象p
return p;
}
//創建自定義對象的實例
var js = paly();
//調用對象的方法
js.sayHi();
//調用對象的屬性
document.write(js.name);
</script>
效果截圖:

第二中方式:
<script type="text/javascript">
function paly() {
//給對象定義屬性
this.age = 1;
this.name = "javascript";
//給對象定義方法
this.sayHi = function () {
document.write("大家好!我是" + this.name + "我今年" + this.age + "歲了");
}
}
//創建自定義對象的實例
var js = new paly();
//調用對象的方法
js.sayHi();
//調用對象的屬性
document.write(js.name);
</script>
效果截圖:

對象屬性的遍歷
<script type="text/javascript">
function paly() {
//給對象定義屬性
this.age = 1;
this.name = "javascript";
//給對象定義方法
this.sayHi = function () {
document.write("大家好!我是" + this.name + "我今年" + this.age + "歲了");
}
}
//創建自定義對象的實例
var js = new paly();
//遍歷對象的屬性
for (var par in js) {
document.write("js."+par+"="+js[par]);
}
</script>
效果截圖:

with結構快
<script type="text/javascript">
function paly() {
//給對象定義屬性
this.age = 1;
this.name = "javascript";
//給對象定義方法
this.sayHi = function () {
document.write("大家好!我是" + this.name + "我今年" + this.age + "歲了");
}
}
//創建自定義對象的實例
var js = new paly();
//with結構塊中的方法或屬性如不指定對象則默認為括號中(js)對象的屬性或方法
with (js) {
sayHi();
document.write("<br/>"+age);
}
</script>
效果截圖:

以上這篇javascript對象的相關操作小結就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。