js window
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的更多相关文章
- JS:window.onload的使用介绍
作者: 字体:[增加 减小] 类型:转载 时间:2013-11-13我要评论 window.onload在某些情况下还是比较实用的,比如加载时执行哪些脚本等等,下面有几个不错的示例,需要的朋友可以参考 ...
- 【分治-前缀积后缀积】JS Window @2018acm徐州邀请赛G
问题 G: JS Window 时间限制: 2 Sec 内存限制: 512 MB 题目描述 JSZKC has an array A of N integers. More over, he has ...
- JS window.name跨域封装
JS window.name 跨域封装 function CrossDomainName(target, agent, callback, security) { if (typeof target ...
- JS window,onload 与 $().read()
JS:window.onload的使用介绍 .在body标签里面 .在JS语句调用 .同时调用多个函数 .JS调用多个函数 .自定义的函数多次调用 jquery $(document).ready() ...
- JS window对象 返回前一个浏览的页面 back()方法
JS window对象 返回前一个浏览的页面 back()方法,加载 history 列表中的前一个 URL. 语法: window.history.back(); 返回前一个浏览的页面 back ...
- js window.onload 加载多个函数和追加函数
平时做项目 经常需要使用window.onload, 用法如下: function func(){alert("this is window onload event!");ret ...
- JS:window.onload的使用
1.最简单的调用方式 直接写到html的body标签里面,如: (html) (body onload="func()") (/body) (/html) 2.在JS语句调用 (s ...
- js window.open() 父窗口与子窗口的互相调用(未必有用)
javascript 父窗口与子窗口的互相调用 <html> <head></head> <body> 主要实现父子关系的页面 window.opene ...
- js window.onload事件
1.最简单的调用方式 直接写到html的body标签里面,如: ? 1 2 3 4 <html> <body onload="func()"& ...
- #js window.open() 父窗口与子窗口的互相调用【转】
未完整版 javascript 父窗口与子窗口的互相调用 a.html 父页面 <HTML> <HEAD> <meta http-equiv="content- ...
随机推荐
- 解决将龙邱oled库移植到野火工程里,oled汉字无法显示问题
第一,检查oled是否和单片机控制引脚正确相连. GND VCC CLK:时钟信号 miso RST: DC:DATE COMMAND/CONTROL CS:CHIP SELECT 第二,检查工程里是 ...
- [转]ICE介绍 (RFC 5245)
[转]ICE介绍 (RFC 5245) http://blog.csdn.net/dxpqxb/article/details/22040017 1关于ICE的10个事实 1 ICE使用STUN和TU ...
- .net core2.0半年的使用经验之前言
目录 前言 使用dapper做数据层调用 使用T4模板生成 使用缓存 使用swagger做接口文档(非restful) 使用identity做身份认证 使用jwt做身份认证 使用CORS跨域 调用we ...
- Selenium webdriver实现截图功能
可参考http://www.cnblogs.com/tobecrazy/p/3599568.html Webdriver截图时,需要引入: import java.io.File; import ja ...
- java中equals方法和hashcode方法的区别和联系,以及为什么要重写这两个方法,不重写会怎样
一.在Object类中的定义为:public native int hashCode();是一个本地方法,返回的对象的地址值.但是,同样的思路,在String等封装类中对此方法进行了重写.方法调用得到 ...
- puppet客户端拉取服务端的资源时报错
2017-11-01 16:21:47 客户端再拉取服务端的配置的资源时,出现一下报错: 造成原因:服务配置的资源不可用: 解决办法:将服务端不正确的资源配置删除: master: cd ...
- unity A*寻路 (一)导出NavMesh数据
使用unity的API NavMesh.CalculateTriangulation 可以获取NavMesh数据 首先 我们创建一个新的工程 保存一个test场景 然后在场景中添加一个Plane作 ...
- 前端的UI设计与交互之数据展示篇
合适的数据展示方式可以帮助用户快速地定位和浏览数据,以及更高效得协同工作.在设计时有以下几点需要注意:依据信息的重要等级.操作频率和关联程度来编排展示的顺序.注意极端情况下的引导.如数据信息过长,内容 ...
- table 表格的增删和修改
如上图,图片的增删都没有问题:唯一的问题就是我改变下一行的内容时,把上面一行给覆盖了,费了好久,终于找到原因了,直接贴代码: 效果如下:
- java各种概念 Core Java总结
Base: OOA是什么?OOD是什么?OOP是什么?{ oo(object-oriented):基于对象概念,以对象为中心,以类和继承为构造机制,来认识,理解,刻画客观世界和设计,构建相应的软件系统 ...