BOM之window對象

時間 2019-12-14

標籤 bom window 對象欄目 Windows 简体版

原文原文鏈接

1.widonws對象介紹

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>window對象</title>
 6 
 7     <script type="text/javascript">
 8         /*window對象*/
 9         //BOM的核心就是window對象，window對象具備雙重的角色，是ECMA定義的global對象最好的體現。這意味着在網頁中定義的任何一個
10         //對象，變量，函數，都以window做爲其global，所以有權訪問parseInt()等方法。
11                                         //例1：
12         var age=29;
13         function sayAge(){
14             console.log(this.age);
15         }
16         sayAge();
17         console.log(window.age);//使用這2中方法，就能夠也能夠訪問本身定義的變量和函數，這就是全局對象global的特別之處。
18         console.log(window.sayAge())
19                                         //列2,一點區別。
20         var age=23;
21         window.color="black";
22         console.log(delete window.age);//false,這也是window定義對象的一點區別，沒法進行刪除age.
23         console.log(delete window.color);//true
24                                         //列3，global屬性查詢，咱們能夠使用window進行屬性查詢；返回的是查詢的結果
25         var resultDemo=console.log(window.age1)//undefined,可是沒有報錯
26         //使用這種方式卻報錯。var resultDemo2=age1;
27         /*window.open()方法*/
28                                         //例4
29         var baidu=window.open("https://www.baidu.com","_blank");//通常有參數URL和窗口目標，第二個參數能夠是下列任何一個特殊的窗口名稱：
30                                                       //_self,_parent,_top,或者是_blank
31         var wroxWindow=window.open("http://www.wrox.com/","wroxWindow","height=400,width=400,top=10,left=10,resizable=yes");
32         // baidu.close();既然能夠對窗口進行打開咱們固然能夠對窗口進行關閉。
33     </script>
34 </head>
35 <body>
36 
37 </body>
38 </html>

View Code

2.間隔調用和超時調用

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>window對象中的一些十分有用的方法.html</title>
 6 
 7     <script type="text/javascript">
 8         /*間隔調用和超時調用*/
 9                             //例1：JavaScript是單線程語言可是它容許經過設置超時值和間歇時間值來調度代碼在
10                             //特定的時刻執行，window.setInterval();第一個參數是包含JavaScript代碼的字符串，也就是一個函數名稱
11         function setIntervalDemo(){
12             console.log("你好");
13         }
14         window.setInterval(setIntervalDemo,2000);
15                             //爲了簡便，咱們固然能夠使用匿名函數進行設置
16         var clearTime=window.setInterval(function(){console.log("瀏覽器");},1000);
17                             //也能夠清除設置,window.clearInterval(clearTime);
18                             //例2：超時調用window.setTimeout(),就是等待多少時間執行一次代碼。
19         var timeout=window.setTimeout(function(){alert("我是超時調用");},4000);
20 
21     </script>
22 </head>
23 <body>
24 
25 </body>
26 </html>

View Code

3.系統對話框

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>系統對話框</title>
 6 
 7     <script type="text/javascript">
 8         /*alert,confirm,prompt*/
 9                             //例子1：
10         if(window.confirm("你肯定嗎？")){
11             alert("謝謝你點擊肯定")
12         }else{
13             alert("sorry");
14         }
15                             //列2：
16         var content=window.prompt("請輸入你想輸入的內容");
17         if(content==null){
18             alert("既然你不輸入那就88");
19         }else{
20             alert(content);
21         }
22     </script>
23 </head>
24 <body>
25 
26 </body>
27 </html>

View Code

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。