• BOM ;浏览器对象模型


    video做兼容视频:embed 

    iframe:frame 元素会创建包含另外一个文档的内联框架(即行内框架)。
     
    BOM,( Browser Object Model ):浏览器对象模型
        它提供很多对象,用于访问浏览器的功能。BOM缺少规范,本身没有标准。
    1、window对象(方法)
        BOM的核心是window。表示一个浏览器的一个实例、window对象处于js结构的最顶层。
        (1)window.open ()新建窗口,可以导航到一个特定的URL。也可以打开一个新的浏览器。
    四个参数      (1)要加载的URL
                        (2)窗口的名称或窗口目标name
                          (3)一个特性字符串featurses
                          (4)一个表示新页面是否取代浏览器记录中当前加载页面的布尔值replace
    open(URL , name , parameters)

    open('http://www.baidu.com',); //新建页面并命名窗口并打开百度'baidu'

    open('http://www.baidu.com','_parent'); //在本页窗口打开百度,_blank 是新建

    (2)window.close( ):关闭窗口

    (3)window . navigator . userAgent :(浏览器嗅探)对象包含访问者浏览器信息及版本

    (4)window . location : 提供当前窗口中加载的文档有关信息

    (5)window . location . href :提供当前窗口的URL地址

    2、location 对象 :提供与当前窗口中加载的文档的有关信息,还提供导航功能(location 是window 对象的属性 )

             (1)location.hash = "#123"  : 设置#123 后的字符串,并跳转

             (2)location . port = 8080 ;:设置端口号,并跳转

             (3)location . hostname = "a "   : 设置当前主机名,并跳转

             (4)location . pathname = " a " :设置当前路径,并跳转

              (5)location . protocal = "ftp" :设置协议 ,不跳转

    3、history 对象:保存用户上网的记录,从打开网页一刻开始

                (1)history . back( ) : 跳转到前一个URL

                (2)history . forword( ) : 跳转到下一个URL

                (3)history . go(n):跳转到指定位置的URL 

     

     

     

     

    实现小广告页面被关闭后再次打开效果:

    window.onunload = function () {
    // alert("");
    // window.open("http://127.0.0.1:8020/%E6%A1%88%E4%BE%8B/2-open.html",'_blank');
    //}
    //window.onbeforeUnload = function () {
    // alert("");
    // window.open("http://127.0.0.1:8020/%E6%A1%88%E4%BE%8B/2-open.html",'_blank');
    //
    //}


    (2)
    //window.onbeforeunload = onbeforeunload_handler;  
    //window.onunload = onunload_handler;  
    //function onbeforeunload_handler(){  
    // var warning="确认退出?";  
    //return warning;  
    // }

     

     

     

     

  • 相关阅读:
    Spring Boot之发送HTTP请求(RestTemplate详解)
    Spring Boot之拦截器与过滤器(完整版)
    Spring中的数据库事物管理
    客户端传入数据的校验-RestController进阶
    拦截器 应用详解--SpringMVC
    MyBatis学习笔记
    oracle数据库之rownum和rowid用法
    Oracle数据库之分组查询及排序
    oracle数据库之子查询
    oracle数据库之组函数
  • 原文地址:https://www.cnblogs.com/Huan-klyj/p/5910453.html
Copyright © 2020-2023  润新知