javascript對(duì)象的相關(guān)操作小結(jié)
我們知道瀏覽器對(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ì)象屬性的語法:
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>
效果截圖:
第二中方式:
<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>
效果截圖:
以上這篇javascript對(duì)象的相關(guān)操作小結(jié)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- 舉例講解JavaScript中關(guān)于對(duì)象操作的相關(guān)知識(shí)
- JavaScript操作XML/HTML比較常用的對(duì)象屬性集錦
- 詳解JavaScript對(duì)Date對(duì)象的操作問題(生成一個(gè)倒數(shù)7天的數(shù)組)
- JavaScript對(duì)象屬性檢查、增加、刪除、訪問操作實(shí)例
- JavaScript創(chuàng)建一個(gè)object對(duì)象并操作對(duì)象屬性的用法
- javascript內(nèi)置對(duì)象操作詳解
- 淺析javascript操作 cookie對(duì)象
- JavaScript基礎(chǔ)語法、dom操作樹及document對(duì)象
- js用Date對(duì)象的setDate()函數(shù)對(duì)日期進(jìn)行加減操作
- Jquery操作js數(shù)組及對(duì)象示例代碼
- javascript對(duì)象的使用和屬性操作示例詳解
- 解析JavaScript中delete操作符不能刪除的對(duì)象
相關(guān)文章
webpack-mvc 傳統(tǒng)多頁面組件化開發(fā)詳解
這篇文章主要介紹了webpack-mvc 傳統(tǒng)多頁面組件化開發(fā)詳解,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-05-05移動(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-01layui添加動(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)景
JavaScript中的任務(wù)分為宏任務(wù)和微任務(wù),它們的執(zhí)行順序會(huì)影響代碼的執(zhí)行結(jié)果。了解它們的機(jī)制可以幫助我們更好地理解事件循環(huán)和異步編程,避免出現(xiàn)一些意想不到的錯(cuò)誤2023-05-05JS刪除數(shù)組中某個(gè)元素的四種方式總結(jié)
js刪除指定元素方法有很多,下面這篇文章主要給大家介紹了關(guān)于JS刪除數(shù)組中某個(gè)元素的四種方式,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-02-02