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();
}

js window的更多相关文章

  1. JS:window.onload的使用介绍

    作者: 字体:[增加 减小] 类型:转载 时间:2013-11-13我要评论 window.onload在某些情况下还是比较实用的,比如加载时执行哪些脚本等等,下面有几个不错的示例,需要的朋友可以参考 ...

  2. 【分治-前缀积后缀积】JS Window @2018acm徐州邀请赛G

    问题 G: JS Window 时间限制: 2 Sec  内存限制: 512 MB 题目描述 JSZKC has an array A of N integers. More over, he has ...

  3. JS window.name跨域封装

    JS window.name 跨域封装 function CrossDomainName(target, agent, callback, security) { if (typeof target ...

  4. JS window,onload 与 $().read()

    JS:window.onload的使用介绍 .在body标签里面 .在JS语句调用 .同时调用多个函数 .JS调用多个函数 .自定义的函数多次调用 jquery $(document).ready() ...

  5. JS window对象 返回前一个浏览的页面 back()方法

    JS window对象 返回前一个浏览的页面 back()方法,加载 history 列表中的前一个 URL. 语法: window.history.back();   返回前一个浏览的页面 back ...

  6. js window.onload 加载多个函数和追加函数

    平时做项目 经常需要使用window.onload, 用法如下: function func(){alert("this is window onload event!");ret ...

  7. JS:window.onload的使用

    1.最简单的调用方式 直接写到html的body标签里面,如: (html) (body onload="func()") (/body) (/html) 2.在JS语句调用 (s ...

  8. js window.open() 父窗口与子窗口的互相调用(未必有用)

    javascript 父窗口与子窗口的互相调用 <html> <head></head> <body> 主要实现父子关系的页面 window.opene ...

  9. js window.onload事件

    1.最简单的调用方式 直接写到html的body标签里面,如: ? 1 2 3 4     <html>       <body onload="func()"& ...

  10. #js window.open() 父窗口与子窗口的互相调用【转】

    未完整版 javascript 父窗口与子窗口的互相调用 a.html 父页面 <HTML> <HEAD> <meta http-equiv="content- ...

随机推荐

  1. 【learning】kd-tree

    吐槽 kd-tree这个东西很早就听说过了但是qwq一直没有去了解 (原因的话..啊哈哈听说是什么跟二维平面之类的东西有关的所以就怂掉了qwq没错就是怂qwq) 但其实好像..真的很暴力啊qwq知道思 ...

  2. 【2016北京集训测试赛】azelso

    [吐槽] 首先当然是要orzyww啦 以及orzyxq奇妙顺推很强qwq 嗯..怎么说呢虽然说之前零零散散做了一些概d的题目但是总感觉好像并没有弄得比较明白啊..(我的妈果然蒟蒻) 这题的话可以说是难 ...

  3. 如何降低90%Java垃圾回收时间?以阿里HBase的GC优化实践为例

    过去的一年里,我们准备在Ali-HBase上突破这个被普遍认知的痛点,为此进行了深度分析及全面创新的工作,获得了一些比较好的效果.以蚂蚁风控场景为例,HBase的线上young GC时间从120ms减 ...

  4. java接口----继承(实现)方法

    文中"实现"一词特指接口的继承. 一个类实现多个接口时,不能出现同名的默认方法. 一个类既要实现接口又要继承抽象类,先继承后实现. 一个抽象类可以继承多个接口(implements ...

  5. redis's usage

    author:headsen  chen date:2017-12-07 16:33:40 notice:This article is created by  headsen chen ,and n ...

  6. selenium 断言与验证

    断言和验证都是判断结果是否跟预期效果是否一致,不一致的情况下,断言会导致测试用例直接失败,程序不会继续执行:验证的测试用例会继续执行. 断言的4种模式+5种手段: assert 断言失败时,该测试将终 ...

  7. gulp菜鸟级零基础详细教程

    : 相信大家一定听说过gulp或者webpack,grunt等前端构建工具.gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器:她不仅能对网站资源进行优化,而且在开发过程中很多重复的 ...

  8. 二分partition算法应用

    一个二分partition算法,将整个数组分解为小于某个数和大于某个数的两个部分,然后递归进行排序算法. 法一: int partition(vector<int>&arr, in ...

  9. django初探-创建简单的博客系统(二)

    上篇django初探-创建简单的博客系统(一)已经记录了Django实现博客的发布的整个过程,接下来继续说明博客标题和内容的显示. 显示博客详细 将博客内容保存到数据库还不是发布博客的终极目的,博客一 ...

  10. java性能调优---------------------JVM调优方案

    JVM的调优的主要过程有: 1.确定堆内存大小(-Xmx.-Xms) 2.合理分配新生代和老年代(-XX:NewRatio.-Xmn.-XX:SurvivorRatio) 3.确定永久区大小(-XX: ...