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

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

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

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

image

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

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

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

調(diào)用對(duì)象方法的語法:

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

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

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

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

窗口的特征屬性

名 稱 說 明
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ì)象的常用事件

名 稱 說 明
onload 一個(gè)頁面或一幅圖像加載完成
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>

效果截圖:

image

第二中方式:

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

效果截圖:

image

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

效果截圖:

image

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>

效果截圖:

image

以上這篇javascript對(duì)象的相關(guān)操作小結(jié)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

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

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

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

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

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

    前端把html表格生成為excel表格的實(shí)例

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

    移動(dòng)端點(diǎn)擊態(tài)處理的三種實(shí)現(xiàn)方式

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

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

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

    深入理解JS中的微任務(wù)和宏任務(wù)的執(zhí)行順序及應(yīng)用場(chǎng)景

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

    json傳值以及ajax接收詳解

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

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

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

    寫的一段拖動(dòng)對(duì)象的代碼

    寫的一段拖動(dòng)對(duì)象的代碼...
    2007-01-01
  • Jsonp post 跨域方案

    Jsonp post 跨域方案

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

最新評(píng)論