javascript對象的相關操作小結
我們知道瀏覽器對象模型(BOM)是javascript的組成之一,它提供了獨立于內容與瀏覽器窗口進行交互的對象。其分層結構如下:
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>
效果截圖:
第二中方式:
<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>
效果截圖:
對象屬性的遍歷
<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>
效果截圖:
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>
效果截圖:
以上這篇javascript對象的相關操作小結就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
- 舉例講解JavaScript中關于對象操作的相關知識
- JavaScript操作XML/HTML比較常用的對象屬性集錦
- 詳解JavaScript對Date對象的操作問題(生成一個倒數(shù)7天的數(shù)組)
- JavaScript對象屬性檢查、增加、刪除、訪問操作實例
- JavaScript創(chuàng)建一個object對象并操作對象屬性的用法
- javascript內置對象操作詳解
- 淺析javascript操作 cookie對象
- JavaScript基礎語法、dom操作樹及document對象
- js用Date對象的setDate()函數(shù)對日期進行加減操作
- Jquery操作js數(shù)組及對象示例代碼
- javascript對象的使用和屬性操作示例詳解
- 解析JavaScript中delete操作符不能刪除的對象
相關文章
webpack-mvc 傳統(tǒng)多頁面組件化開發(fā)詳解
這篇文章主要介紹了webpack-mvc 傳統(tǒng)多頁面組件化開發(fā)詳解,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-05-05深入理解JS中的微任務和宏任務的執(zhí)行順序及應用場景
JavaScript中的任務分為宏任務和微任務,它們的執(zhí)行順序會影響代碼的執(zhí)行結果。了解它們的機制可以幫助我們更好地理解事件循環(huán)和異步編程,避免出現(xiàn)一些意想不到的錯誤2023-05-05