欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript對象的相關操作小結

 更新時間:2016年05月16日 11:39:39   投稿:jingxian  
下面小編就為大家?guī)硪黄猨avascript對象的相關操作小結。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

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

image

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

調用對象屬性的語法:

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

調用對象方法的語法:

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

window對象的常用方法

window對象的常用方法

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

窗口的特征屬性

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

window對象的常用事件

名 稱 說 明
onload 一個頁面或一幅圖像加載完成
onmouseover 鼠標指針移到某元素之上
onclick 鼠標單擊某個對象
onkeydown 某個鍵盤按鍵被按下
onchange 域的內容被改變

自定義對象的聲明

第一種聲明方式:

<script type="text/javascript">
  function paly() {
   var p = new Object();//創(chuàng)建一個Object對象開辟內存空間
   //給對象p定義屬性
   p.age = 1;
   p.name = "javascript";
   //給對象p定義方法
   p.sayHi = function () {
    document.write("大家好!我是" + p.name + "我今年" + p.age + "歲了");
   }
   //返回對象p
   return p;
  }
  //創(chuàng)建自定義對象的實例
  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 + "歲了");
   }
   
  }
  //創(chuàng)建自定義對象的實例
  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 + "歲了");
   }
   
  }
  //創(chuàng)建自定義對象的實例
  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 + "歲了");
   }
   
  }
  //創(chuàng)建自定義對象的實例
  var js = new paly();
  //with結構塊中的方法或屬性如不指定對象則默認為括號中(js)對象的屬性或方法
  with (js) {
   sayHi();
   document.write("<br/>"+age);
  }
 </script>

效果截圖:

image

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

相關文章

  • webpack中如何加載靜態(tài)文件的方法步驟

    webpack中如何加載靜態(tài)文件的方法步驟

    這篇文章主要介紹了webpack中如何加載靜態(tài)文件的方法步驟,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-05-05
  • webpack-mvc 傳統(tǒng)多頁面組件化開發(fā)詳解

    webpack-mvc 傳統(tǒng)多頁面組件化開發(fā)詳解

    這篇文章主要介紹了webpack-mvc 傳統(tǒng)多頁面組件化開發(fā)詳解,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-05-05
  • 前端把html表格生成為excel表格的實例

    前端把html表格生成為excel表格的實例

    下面小編就為大家?guī)硪黄岸税裩tml表格生成為excel表格的實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-09-09
  • 移動端點擊態(tài)處理的三種實現(xiàn)方式

    移動端點擊態(tài)處理的三種實現(xiàn)方式

    在移動端開發(fā)的時候,常常需要加點擊態(tài),就是當用戶點擊某個URL時,給相應的標簽添加按下效果樣式。這篇文章給大家分享了三種實現(xiàn)方法,包括偽類:active、webkit-tap-highlight-color和touch事件,下面來一起看看詳細的介紹吧。
    2017-01-01
  • layui添加動態(tài)菜單與選項卡

    layui添加動態(tài)菜單與選項卡

    這篇文章主要為大家詳細介紹了layui添加動態(tài)菜單與選項卡,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-07-07
  • 深入理解JS中的微任務和宏任務的執(zhí)行順序及應用場景

    深入理解JS中的微任務和宏任務的執(zhí)行順序及應用場景

    JavaScript中的任務分為宏任務和微任務,它們的執(zhí)行順序會影響代碼的執(zhí)行結果。了解它們的機制可以幫助我們更好地理解事件循環(huán)和異步編程,避免出現(xiàn)一些意想不到的錯誤
    2023-05-05
  • json傳值以及ajax接收詳解

    json傳值以及ajax接收詳解

    下面小編就為大家?guī)硪黄猨son傳值以及ajax接收詳解。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-05-05
  • JS刪除數(shù)組中某個元素的四種方式總結

    JS刪除數(shù)組中某個元素的四種方式總結

    js刪除指定元素方法有很多,下面這篇文章主要給大家介紹了關于JS刪除數(shù)組中某個元素的四種方式,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
    2023-02-02
  • 寫的一段拖動對象的代碼

    寫的一段拖動對象的代碼

    寫的一段拖動對象的代碼...
    2007-01-01
  • Jsonp post 跨域方案

    Jsonp post 跨域方案

    本文給大家講述的是個人在一個項目中遇到的關于jsonp的post跨域問題的解決過程,這里記錄下來,分項給大家。
    2015-07-07

最新評論