• JavaScript操作BOM


    一、BOM是什么?

    BOM:浏览器对象模型(Browser Object Model)
    BOM提供了独立于内容的、可以与浏览器窗口进行互动的对象结构
    在这里插入图片描述

    二、history与location

    1.简述

    属性名称说明
    history有关客户访问过的URL的信息
    location有关当前 URL 的信息

    语法:
    window.属性名= “属性值”

    window.location="https://www.baidu.com" ;      
    

    2.history

    名称说 明
    back()加载 history 对象列表中的前一个URL
    forward()加载 history 对象列表中的下一个URL
    go()加载 history 对象列表中的某个具体URL
    // 后退
    history.back();
    // 前进
    history.forward();
    
    // 与上方等价
    
    // 后退
    history.go(-1)
    // 前进
    history.go(1) 
    

    3.location

    常用属性

    名称说 明
    host设置或返回主机名和当前URL的端口号
    hostname设置或返回当前URL的主机名
    href设置或返回完整的URL

    常用方法

    名称说 明
    reload()重新加载当前文档
    replace()用新的文档替换当前文档

    三、window对象的常用方法

    1.方法简述

    方法名称说 明
    prompt( )显示可提示用户输入的对话框
    alert( )显示带有一个提示信息和一个确定按钮的警示框
    confirm( )显示一个带有提示信息、确定和取消按钮的对话框 (返回值为true及false
    close( )关闭浏览器窗口
    open( )打开一个新的浏览器窗口,加载给定 URL 所指定的文档
    setTimeout( )在指定的毫秒数后调用函数或计算表达式setTimeout(表达式名字,毫秒数)
    setInterval( )按照指定的周期(以毫秒计)来调用函数或表达式setInterval(表达式名字,毫秒数)

    2.open()方法

    语法:
    window.open(“弹出窗口的url”,“窗口名称”,"窗口特征”)
    窗口特征说明:

    属性名称说 明
    height、width窗口文档显示区的高度、宽度。以像素计
    left、top窗口的x坐标、y坐标。以像素计
    toolbar=yes 或 no 或1 或 0是否显示浏览器的工具栏。黙认是yes
    scrollbars=yes或no 或1或0是否显示滚动条。黙认是yes
    location=yes 或no 或1 或0是否显示地址地段。黙认是yes
    status=yes 或no 或1 或0是否添加状态栏。黙认是yes
    menubar=yes 或no 或1 或0是否显示菜单栏。黙认是yes
    resizable=yes 或no 或1 或0窗口是否可调节尺寸。黙认是yes
    titlebar=yes 或no 或1 或0是否显示标题栏。黙认是yes
    fullscreen=yes 或no 或1 或0是否使用全屏模式显示浏览器。黙认是no。处于全屏模式的窗口必须同时处于剧院模式

    四、document对象

    1.常用属性

    属性名称说 明
    referrer返回载入当前文档的URL
    URL返回当前文档的URL
    document.referrer;
    document.URL;
    
    //载入本页面文档的地址
    var preUrl=document.referrer;
    // 判断是否为直接访问
    if(preUrl==""){	
          document.write("

    5秒后将自动跳转到登录页面

    "
    ); setTimeout("javascript:location.href='login.html'",5000); }

    2.常用方法

    名称说 明
    getElementById()返回对拥有指定id的第一个对象的引用
    getElementsByName()返回带有指定名称的对象的集合
    getElementsByTagName()返回带有指定标签名的对象的集合
    write()向文档写文本、HTML表达式或JavaScript代码

    五、Date对象

    var 日期对象=new Date(参数)
    参数格式:MM DD,YYYY,hh:mm:ss

    var  today=new Date();   //返回当前日期和时间
    var tdate=new Date("september 1,2013,14:58:12");
    
    方法说 明
    getDate()返回 Date 对象的一个月中的每一天,其值介于1~31之间
    getDay()返回 Date 对象的星期中的每一天,其值介于0~6之间
    getHours()返回 Date 对象的小时数,其值介于0~23之间
    getMinutes()返回 Date 对象的分钟数,其值介于0~59之间
    getSeconds()返回 Date 对象的秒数,其值介于0~59之间
    getMonth()返回 Date 对象的月份,其值介于0~11之间
    getFullYear()返回 Date 对象的年份,其值为4位数
    getTime()返回自某一时刻(1970年1月1日)以来的毫秒数
    function disptime(){
    	var today = new Date();  
    	var hh = today.getHours(); 
    	var mm = today.getMinutes();
    	var ss = today.getSeconds();
    }
    

    附加:(windows中的方法,可在标题四中查看)
    setTimeout( ) |在指定的毫秒数后调用函数或计算表达式setTimeout(表达式名字,毫秒数)
    setInterval( ) |按照指定的周期(以毫秒计)来调用函数或表达式setInterval(表达式名字,毫秒数)

    六、JavaScript内置对象

    Array:用于在单独的变量名中存储一系列的值
    String:用于支持对字符串的处理
    Math:用于执行常用的数学任务,它包含了若干个数字常量和函数
    Date:用于操作日期和时间

  • 相关阅读:
    elasticsearch7 查询 (复杂写法)
    计算机网络八股总结
    禁止linux shell 终端显示完整工作路径,如何让linux bash终端不显示当前工作路径
    【Redis】Redis Cluster-集群故障转移
    日化用品行业智能供应链协同系统解决方案:数智化SCM供应链,为企业转型“加速度”
    Fiddle日常运用手册(3)-对移动端产品进行数据接口抓包
    【面试经验】24届前端校招 字节、阿里、美团、快手、腾讯面试经验汇总
    蓝桥杯每日一题2023.11.28
    Terraform 初始化慢~配置本地离线源
    StringBuilder,Stringbuffer和String相关面试笔试
  • 原文地址:https://blog.csdn.net/jule_zhou/article/details/127108777