JavaScript 浏览器对象(一)

简介:

一、Window对象

    1.window对象:

      window对象是BOM的核心,window对象指当前的浏览器窗口

      所有JavaScript全局对象、函数以及变量均自动成为window对象的成员

      全局变量是window对象的属性

      全局函数是window对象的方法

      甚至HTML DOM的document也是window对象的属性之一

    2.window尺寸:

      window,innerHeight  浏览器窗口的内部高度

      window,innerWidth  浏览器窗口的内部宽度

    3.window方法:

      window.open()  打开新窗口

      window.close()  关闭当前窗口

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html>
     <head>
         <meta charset= "UTF-8" >
         <title></title>
     </head>
     <body>
         <button id= "btn"  onclick= "btnClicked()" >按钮</button>
         <script>
//          document.write("宽度"+window.innerWidth+",高度"+window.innerHeight);
             function  btnClicked(){
//              window.open("obindex.html","windowName","height=200,width=200,top=100,left=100,toolbar=no,menubar=no");
                 window.close();
             }
         </script>
     </body>
</html>


二、计时器

    1.计时事件:通过使用JavaScript,我们有能力做到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行,我们称作计时事件

    2.计时方法:

      setInterval()  间隔指定的毫秒数不停地执行指定的代码

      clearInterval()  方法用于停止setInterval()方法执行的函数代码

      setTimeout()  暂停指定的毫秒数后执行的指定的代码

      clearTimeout()  方法用于停止执行setTimeOut()方法的函数代码  

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html>
     <head>
         <meta charset= "UTF-8" >
         <title></title>
     </head>
     <body onload= "myWin()" >
         <button id= "btn"  onclick= "stopWin()" >按钮</button>
         <p id= "ptime" ></p>
         <script>
//          var mytime = setInterval(function(){
//              getTime();
//          },1000);
//          function getTime(){
//              var d = new Date();
//              var t = d.toLocaleTimeString();
//              document.getElementById("ptime").innerHTML = t;
//             
//          }
//          function stopTime(){
//              clearInterval(mytime);
//          }
             var  win;
             function  myWin(){
                 alert( "hello" );
                 win = setTimeout( function (){
                     myWin();
                 },3000);
             }
             function  stopWin(){
                 clearTimeout(win);
             }
         </script>
     </body>
</html>



本文转自yeleven 51CTO博客,原文链接:http://blog.51cto.com/11317783/1794052


相关文章
|
3月前
|
JavaScript 前端开发
如何在 JavaScript 中使用 __proto__ 实现对象的继承?
使用`__proto__`实现对象继承时需要注意原型链的完整性和属性方法的正确继承,避免出现意外的行为和错误。同时,在现代JavaScript中,也可以使用`class`和`extends`关键字来实现更简洁和直观的继承语法,但理解基于`__proto__`的继承方式对于深入理解JavaScript的面向对象编程和原型链机制仍然具有重要意义。
|
3月前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
28天前
|
Web App开发 前端开发 JavaScript
折腾之王:JavaScript之父Brave浏览器与BAT的诞生
2015年,JavaScript之父Brendan Eich再次创业,推出Brave浏览器和加密货币Basic Attention Token(BAT),旨在颠覆传统广告行业。Brave屏蔽广告、保护隐私,加载速度快;BAT则通过奖励机制让用户、内容创作者和广告主三方受益。尽管面临用户习惯和巨头竞争的挑战,Brave已拥有超4000万月活跃用户,成为全球增长最快的隐私浏览器,引领Web3生态发展。
105 22
折腾之王:JavaScript之父Brave浏览器与BAT的诞生
|
3月前
|
JavaScript 前端开发 数据处理
模板字符串和普通字符串在浏览器和 Node.js 中的性能表现是否一致?
综上所述,模板字符串和普通字符串在浏览器和 Node.js 中的性能表现既有相似之处,也有不同之处。在实际应用中,需要根据具体的场景和性能需求来选择使用哪种字符串处理方式,以达到最佳的性能和开发效率。
123 63
|
3月前
|
移动开发 JavaScript 前端开发
一些处理浏览器兼容性问题的JavaScript库
这些库在处理浏览器兼容性问题方面都有着各自的特点和优势,可以根据具体的需求和项目情况选择合适的库来使用,从而提高代码的兼容性和稳定性,为用户提供更好的体验。同时,随着浏览器技术的不断发展,还需要持续关注和学习新的兼容性解决方案。
127 48
|
4月前
|
XML 编解码 JavaScript
DOM(文档对象模型)和 BOM(浏览器对象模型)
【10月更文挑战第19天】在前端开发中,理解 DOM(文档对象模型)和 BOM(浏览器对象模型)是至关重要的。它们是 Web 开发的基础,为我们提供了与网页文档和浏览器进行交互的能力。
373 62
|
3月前
|
JSON 前端开发 JavaScript
JavaScript中对象的数据拷贝
本文介绍了JavaScript中对象数据拷贝的问题及解决方案。作者首先解释了对象赋值时地址共享导致的值同步变化现象,随后提供了五种解决方法:手动复制、`Object.assign`、扩展运算符、`JSON.stringify`与`JSON.parse`组合以及自定义深拷贝函数。每种方法都有其适用场景和局限性,文章最后鼓励读者关注作者以获取更多前端知识分享。
38 1
JavaScript中对象的数据拷贝
|
3月前
|
JSON 移动开发 JavaScript
在浏览器执行js脚本的两种方式
【10月更文挑战第20天】本文介绍了在浏览器中执行HTTP请求的两种方式:`fetch`和`XMLHttpRequest`。`fetch`支持GET和POST请求,返回Promise对象,可以方便地处理异步操作。`XMLHttpRequest`则通过回调函数处理请求结果,适用于需要兼容旧浏览器的场景。文中还提供了具体的代码示例。
在浏览器执行js脚本的两种方式
|
3月前
|
算法 开发者
Moment.js库是如何处理不同浏览器的时间戳格式差异的?
总的来说,Moment.js 通过一系列的技术手段和策略,有效地处理了不同浏览器的时间戳格式差异,为开发者提供了一个稳定、可靠且易于使用的时间处理工具。
64 1
|
3月前
|
Web App开发 JavaScript 前端开发
使用 Chrome 浏览器的内存分析工具来检测 JavaScript 中的内存泄漏
【10月更文挑战第25天】利用 Chrome 浏览器的内存分析工具,可以较为准确地检测 JavaScript 中的内存泄漏问题,并帮助我们找出潜在的泄漏点,以便采取相应的解决措施。
496 9

热门文章

最新文章