zoukankan      html  css  js  c++  java
  • BOM 3.1 location对象 | history对象 | navigator对象 | 定时器 | 三大系列

    JavaScript分三个部分:
    1. ECMAScript标准---基本语法
    2. DOM--->Document Object Model 文档对象模型,操作页面元素的
    3. BOM--->Browser Object Model 浏览器对象模型,操作浏览器的

    系统的对话框:

    alert() //不使用,无法修改样式,在各个浏览器显示效果都不一样
    prompt() //不使用,无法修改样式,在各个浏览器显示效果都不一样
    confirm() 有布尔返回值 //不使用,无法修改样式,在各个浏览器显示效果都不一样

    页面加载的事件:

    1,window.onload = function () {}   // 页面加载完后,这个事件才触发
    2,window.onunload = ...    // 页面关闭后,才触发  // 只支持IE8
    3,window.onbeforeunload =.. // 页面关闭前触发    // 只支持IE8

     location对象

    //地址栏上#后面的内容
    window.location.hash
    //主机名及端口号
    window.location.host
    //主机名
    window.location.hostname
    //文件的路径---相对路径
    window.location.pathname
    //端口号
    window.location.port
    //协议
    window.location.protocol
    //搜索的内容
    window.location.search
    //设置跳转的页面的地址:
        location.href="http://www.jd.com";//属性
        location.assign("http://www.jd.com");//方法
    location.reload();//重新加载--刷新
    location.replace("http://www.jd.com");//没有历史记录,所以不能返回到上一个页面
    属性与方法

    history对象

    1,有历史记录才能从第二个页面后退到第一个页面
    window.history.back() 返回
    window.history.forward() 前进
    window.history.go(1/-1) 前进(1)/后退(-1)

    navigator对象

    1,通过userAgent可以判断用户浏览器的类型
    window.navigator.userAgent

    2,通过platform可以判断浏览器所在的系统平台类型.
    window.navigator.platform

    定时器

    1,在毫秒值过后,执行函数,重复执行

    // 设置定时器,返回值是定时器的Id
    var 定时器id = setInterval(函数,毫秒值)
    // 清除定时器
    clearInterval(定时器Id)

    2,在毫秒值过后,执行函数,只执行一次

    // 设置定时器,返回值是定时器的Id

    var 定时器id = setTimeout(函数,毫秒值)

    // 清除定时器

    clearTimeout(定时器id)

    三大系列

    1,offset系列:

    .offsetWidth  // 获取元素的宽

    .offsetHeight  // 获取元素的高

    .offsetLeft  // 获取元素距离左边位置的值

    .offsetTop  // 获取元素距离上面位置的值

    .offsetParent  // 获取定位父元素

    2,scroll系列:

    3,client系列:

  • 相关阅读:
    eclipse下对中文乱码问题的一些思考
    项目已经部署,tomcat已经启动,网址也没问题,却出现404错误
    The type java.lang.reflect.AnnotatedElement cannot be resolved. It is indirectly referenced from required .class files
    java.lang.ClassCastException: $Proxy0 cannot be cast to javax.servlet.ServletRequestWrapper
    java 线程之-volatile
    带备注的 config
    带备注的 头文件加载文件
    带个人备注的,模板->编译文件->缓存文件
    错过一个订单后,吐槽下自己(顺便分享下书单),剧终版
    错过一个订单后,吐槽下自己(顺便分享下书单),欢迎交流
  • 原文地址:https://www.cnblogs.com/uncle-kay/p/10755907.html
Copyright © 2011-2022 走看看