javascript對象的相關操作小結

2019-11-20 10:02:54

字體：大中小

來源：轉載

供稿：網友

我們知道瀏覽器對象模型（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>

效果截圖：