首页 > 技术文章 > js window

l8l8 2018-04-04 23:30 原文

window对象:

browser object mode :bom对象。

bom提供了独立于内容而与浏览器窗口进行交互的对象。

bom主要用于管理窗口与窗口之间的通讯,因此其核心对象是window

bom由一系列相关的对象构成,并且每个对象都提供了很多方法和属性。

bom缺乏标准,Javascript的语法的标准化组织是ECMA,DOM的标准化组织是w3c;

window对象是bom的顶层(核心)对象,所有对象都是通过它延伸出来的,也可以称为window的子对象

由于window是顶层对象,因此调用它的子对象时可以不显示的指明window对象

window:document,frames ,history,location,navigator,screen,

document:anchors,forms,images,links,location 。

url 跳转:

  location.herf = "http://www.baidu.com";

  location.herf = "a.html";

  location.herf = "date.html";

  location.reload();

像location这种下面还有属性和方法的对象,叫做window内置对象,herf这种叫做对象属性,reload这种叫做对象方法。

  history.back();//history.go(-1); //网页向之前的地址后退。

  history跳转到(0指刷新,1指下一面,-1指上一页,-2指之前两页,以此类推)

  history.go();

  navigator.userAgent. 

  alert();//弹出提示框

cofirm("内容") // 多了一个取消按钮,可以通过confirm的返回值来判断点了那个按钮。

prompt("提示信息","输入框的默认值'); //可以通过返回值来判断是否输入了什么,或者点击了那个按钮。

open('http://www.baidu,com',);

open(url,name,features,replace);

  url:要跳转的新窗口(新的页面)

  name:声明了这个新窗口的名称。这个名称可用来作为<a>和<form>的属性target的值。如果该参数指定了一个已经存在的窗口,那么open()方法就不会再打开一个新窗口。而是刷新那个已经存在的窗口。

  features:用来设置这个窗口的大小和声明这个窗口的特征坐标属性。

  replace:

  Optional.Specifies规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。支持下面的值:

  • true - URL 替换浏览历史中的当前条目。
  • false - URL 在浏览历史中创建新的条目。

  如果打开页面时,直接执行open();那么浏览器会以为是广告来屏蔽它。<iframe width="100%" height="300" src="https://c.runoob.com/iframe/3411" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

close();用来关闭我打开的窗口。

 

    <input type="button" id="btn" value="button">
    <input type="button" id="btn1" value="button1">
    <script>
        btn.onclick = m;
        function m(){
            // body...
             // window.location="http://www.baidu.com";
             //window.history.go(1);
             //console.log(navigator.userAgent);返回浏览器信息
             //confirm("nihao");比alert多了一个取消按钮。
             //return btn.onclick;
             //prompt();通过确定和取消按钮来返回输入的内容或者返回未输入null
             //open(url,name,features,replace);
             p=open("http://www.baidu.com","baidu","width=200,height=100,top=50,left=500","true");
             //必须给open赋值一个名字才能通过close关闭。

        }
        //console.log( prompt());
        btn1.onclick=x;
        function x(){
        p.close();
        }

 

推荐阅读