DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript對象的相關操作小結
javascript對象的相關操作小結
編輯:關於JavaScript     

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

image

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>

效果截圖:

image

第二中方式:

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

效果截圖:

image

對象屬性的遍歷

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

效果截圖:

image

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>

效果截圖:

image

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved