javascript對(duì)象的相關(guān)操作小結(jié)

更新時(shí)間：2016年05月16日 11:39:39 投稿：jingxian

下面小編就為大家?guī)?lái)一篇javascript對(duì)象的相關(guān)操作小結(jié)。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

我們知道瀏覽器對(duì)象模型（BOM）是javascript的組成之一，它提供了獨(dú)立于內(nèi)容與瀏覽器窗口進(jìn)行交互的對(duì)象。其分層結(jié)構(gòu)如下：

window對(duì)象是整個(gè)BOM的核心其有document（文檔對(duì)象）、location（地址對(duì)象）和history（歷史對(duì)象組成）

調(diào)用對(duì)象屬性的語(yǔ)法：

1.對(duì)象.屬性名=“屬性值”;
2.對(duì)象[“屬性名稱字符串”]=”屬性值”;

調(diào)用對(duì)象方法的語(yǔ)法：

1.對(duì)象的方法名();
2.對(duì)象[“方法名稱字符串”]();

window對(duì)象的常用方法

window對(duì)象的常用方法

名稱	說(shuō) 明
prompt（）	顯示可提示用戶輸入的對(duì)話框
alert（）	顯示一個(gè)大有提示信息和一個(gè)“確定“按鈕的警示對(duì)話框
confirm（）	顯示一個(gè)大有提示信息、”確定“和”取消“按鈕的對(duì)話框
close（）	關(guān)閉瀏覽器窗口
open（）	打開一個(gè)新的瀏覽器窗口加載給定URL所指定的文檔
setTimeout（）	在指定毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式
setInterval（）	按照指定的周期（以毫秒記）來(lái)調(diào)用函數(shù)或計(jì)算表達(dá)式

窗口的特征屬性

名稱	說(shuō) 明
height、width	高度、寬度（以像素記）
left、top	窗口的x和y坐標(biāo) 以像素記
toolbar	是否顯示瀏覽器的工具欄
scrollbars	是否顯示滾動(dòng)條
location	是否顯示地址欄
status	是否添加狀態(tài)欄
menubar	是否顯示菜單欄
resizable	窗口是否可調(diào)節(jié)尺寸
titlebar	是否顯示標(biāo)題欄
fullscreen	是否使用全屏模式顯示瀏覽器

window對(duì)象的常用事件

名稱	說(shuō) 明
onload	一個(gè)頁(yè)面或一幅圖像加載完成
onmouseover	鼠標(biāo)指針移到某元素之上
onclick	鼠標(biāo)單擊某個(gè)對(duì)象
onkeydown	某個(gè)鍵盤按鍵被按下
onchange	域的內(nèi)容被改變

自定義對(duì)象的聲明

第一種聲明方式：

<script type="text/javascript">
  function paly() {
   var p = new Object();//創(chuàng)建一個(gè)Object對(duì)象開辟內(nèi)存空間
   //給對(duì)象p定義屬性
   p.age = 1;
   p.name = "javascript";
   //給對(duì)象p定義方法
   p.sayHi = function () {
    document.write("大家好！我是" + p.name + "我今年" + p.age + "歲了");
   }
   //返回對(duì)象p
   return p;
  }
  //創(chuàng)建自定義對(duì)象的實(shí)例
  var js = paly();
  //調(diào)用對(duì)象的方法
  js.sayHi();
  //調(diào)用對(duì)象的屬性
  document.write(js.name);
 </script>

效果截圖：

第二中方式：

<script type="text/javascript">
  function paly() {
   
   //給對(duì)象定義屬性
   this.age = 1;
   this.name = "javascript";
   //給對(duì)象定義方法
   this.sayHi = function () {
    document.write("大家好！我是" + this.name + "我今年" + this.age + "歲了");
   }
   
  }
  //創(chuàng)建自定義對(duì)象的實(shí)例
  var js = new paly();
  //調(diào)用對(duì)象的方法
  js.sayHi();
  //調(diào)用對(duì)象的屬性
  document.write(js.name);
 </script>

效果截圖：

對(duì)象屬性的遍歷

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

效果截圖：

with結(jié)構(gòu)快

<script type="text/javascript">
  function paly() {
   
   //給對(duì)象定義屬性
   this.age = 1;
   this.name = "javascript";
   //給對(duì)象定義方法
   this.sayHi = function () {
    document.write("大家好！我是" + this.name + "我今年" + this.age + "歲了");
   }
   
  }
  //創(chuàng)建自定義對(duì)象的實(shí)例
  var js = new paly();
  //with結(jié)構(gòu)塊中的方法或?qū)傩匀绮恢付▽?duì)象則默認(rèn)為括號(hào)中（js）對(duì)象的屬性或方法
  with (js) {
   sayHi();
   document.write("<br/>"+age);
  }
 </script>

效果截圖：