码迷,mamicode.com
首页 > 其他好文 > 详细

bom浏览器对象模型

时间:2019-10-05 10:32:34      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:hostname   nload   忽略   str   对话框   网址   lse   参数   统一   

 BOM
     broswer object model浏览器对象模型
        window 下的属性与方法 
            浏览器可以使用三个函数的系统对话框,向用户输出信息
             alert(); 
             confirm(); 带有确定与取消,返回值true,false
             prompt(); 带有输入框。返回值,输入的内容,空则为null
             prompt("请输入",9); 输入框默认值9,

 

            open();
    open("www.baidu.com");
    open("www.baidu.com","baidu");
    open("www.baidu.com","baidu","width=400,height=300,top=200,left=200");//url,名称,打开窗口大小
    open("sub.html","子页面"); //在子页面可以获取一个 alert(opener); 
                 
                opener:当前窗口的父窗口的window对象。===》IE不支持该方法
        window.onload = function(){
                var btn = document.getElementById("btn");
                btn.onclick = function(){
                open("004sub.html","baidu","width=400,height=300,top=200,left=200");
        }
    }
            location:
                window对象下面也有lacation,document下面也有,他们是同一个
                提供了当前窗口加载文档的有关信息(地址栏的输入框),还提供了导航功能,
                window.location或者location(可以忽略window),window.document.location,
                url:的概念统一资源定位符
      protocol:host主机名/域名:port端口号/pathname search hash(#1)
                属性
                    hash:锚点,网址后面跟的#1,实现页面内的定位导航作用, location.hash = "#3"; 
                    host:主机名+:端口号,浏览器默认的端口号是80,
                    hostname:返回主机名 域名/ip
                    href:整个网址
                    pathname:路径名,域名后面的路径
                    port:端口号
                    protocol:协议部分,本地协议file:,网络协议http:
                    search:查询字符串,网络地址url?后面的部分, location.search = "?name=xxx&psd=xxx"; 
                方法()
                    assign():跳转到指定页面,方法与href相同, location.assign("ww.baidu.com"); 
                    reload();重载当前url,可以加入参数true,强制从服务器源头重载,清除数据缓存
                    replace();用新的url替换当前页面,与assign不同的地方:不能用浏览器的返回键返回原来的页面
            history:属性
                保存用户的历史几率,浏览器上面的前进返回键区域
                属性
                    length:返回history中历史记录的总数
                方法
                    back();返回上一条历史记录
                    forword();前进下一条历史记录
                    go();负数的时候返回到相应的历史记录,当是0的时候重载页面,正数的时候前进历史记录
                    search();
 
练习search方法从网址中取出name和psd
        var search = "?id=star&psd=223";
        function showValue(search,id){
            var start = search.indexOf(id);//获取id当前下标
            if(start == -1){
                return;//如果没有相应字符串,返回
            }else{
                var end = search.indexOf("&",start);//搜索&的下标
                if(end == -1){//如果查找后面的键值对,则没有&
                    end = search.length;
                    //return search.substring(start,end);
                    return search.substring(start,end).split("=")[1];//也可以生成一个数组只返回后面的数值
                }else{
                    return search.substring(start,end).split("=")[1];
                }
            }
        }
         alert(showValue(search,"id"));

 

bom浏览器对象模型

标签:hostname   nload   忽略   str   对话框   网址   lse   参数   统一   

原文地址:https://www.cnblogs.com/solaris-wwf/p/11623839.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!