• BOM对象初识


    BOM概念和window对象与子对象

    BOM的概念

    //BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”
    

    window对象(了解)

    //Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用。例如:window.document.write()可以简写成:document.write()。
    #window.innerHeight		获取浏览器窗口的内部高度
    #window.innerWidth - 浏览器窗口的内部宽度
    #window.open();		打开一个新的窗口
    #window.close();	关闭当前页面(前提是必须是用windiw.open打开的页面)
    
    navigator.appName  // Web浏览器全称
    navigator.appVersion  // Web浏览器厂商和版本的详细字符串
    navigator.userAgent  // 客户端绝大部分信息
    navigator.platform   // 浏览器运行所在的操作系统
    

    screen对象

    screen.availWidth - //可用的屏幕宽度
    screen.availHeight - //可用的屏幕高度
    

    history对象

    #浏览历史对象,包含了用户对当前页面的浏览历史,但我们无法查看具体的地址,可以简单的用来前进或后退一个页面
    history.forward()  // 前进一页,其实也是window的属性,window.history.forward()
    history.back()  // 后退一页
    

    location对象

    #window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面
    location.href //获取当前页面的url地址
    location.href='http//:www.baidu.com';//跳转到指定页面(重定向)
    location.reload(); //刷新当前页面
    

    弹出窗

    //可以在 JavaScript 中创建三种消息框:警告框、确认框、提示框。
    #警告框    警告框经常用于确保用户可以得到某些信息。
    	alert('123456');//如果正确弹出,点击确定返回一个true
    #确认框    确认框用于使用户可以验证或者接受某些信息。
    	comfirm('是否确定?');//点击确定返回一个值为true,点击取消返回一个值为false;
    #提示框	提示框经常用于提示用户在进入页面前输入某个值
    	prompt('请输入:','默认值')//如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为默认值,就是第二个参数,如果没有默认值那么返回null
    

    定时器(重要)

    setTimeout()定时器

    #设置一段时间之后执行某个内容,只执行一次
    var t=setTimeout("JS语句",毫秒)  //第一个参数js语句多数是写一个函数,不然一般的js语句到这里就直接执行了,先用函数封装一下,也可以用引号把js语句引起来,返回值t其实就是一个id值(浏览器给你自动分配的),第二个参数指示从当前起多少毫秒后执行第一个参数(1000 毫秒等于一秒)
    var r=setTimeout(function(){console.log('nihao');},2000);
    var r=setTimeout('console.log("你好")',2000);
    

    clearTimeout(清除定时器)

    #clearTimeout清空定时器,与setTimeout对应
    // 在指定时间之后执行一次相应函数
    var timer = setTimeout(function(){alert(123);}, 3000)
    // 取消setTimeout设置
    clearTimeout(timer);
    

    setInterval()定时器

    //setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
    var b = setInterval('console.log('你好')',1000);
    

    clearInterval()清除定时器

    #于setInterval对应
    // 每隔一段时间就执行一次相应函数
    var timer = setInterval(function(){console.log(123);}, 3000)
    // 取消setInterval设置
    clearInterval(timer);
    
  • 相关阅读:
    PowerDesigner生成SQL的冒号设置
    Linux/Windows 一键获取当前目录及子目录下所有文件名脚本
    Target runtime jdk1.8.0_181 is not defined
    windows——任务计划程序
    12篇文章回顾总结
    《逆商》2月12日
    《终身成长》2月11日
    《心流》 什么才是真正的幸福
    《心流》 什么才是真正的幸福 2月7日
    《高效能人士的7个习惯》 2月3日
  • 原文地址:https://www.cnblogs.com/luckinlee/p/11622018.html
Copyright © 2020-2023  润新知