JS中基本window对象操作
---恢复内容开始---
一.使用window中的属性时 window.属性,直接跟属性名。而调用window的函数时 window.hanshu(); 要在其函数名后面加括号。
二.window的基本属性:
1.opener:当我首次打开这个网页窗口时,则opener的属性是null。
2.open():其括号内包含四部分open(“写要打开的页面地址”,“在新窗口打开_blank还是在自身窗口打开_slef”,“设定要打开的窗口的格式:宽度高度、scrollbars=yes出现滚动条、toolbar=no新打开的窗口无工具条、menbar=no无菜单栏、status=no无状态栏、left=100打开的窗口距离左边的距离、resizable=no窗口大小不可调、location=yes有地址栏”,“”)
3.close():关闭其打开的窗口。利用open属性我们可以打开一个或者多个窗口。如果我们想让open只能打开一个窗口的话。我们就要把window.open()获得的值付给一个变量如以下代码所示:
function dianji()
{
if(a==null)
{
a=window.open("http://www.baidu.com","_blank","width=100 height=100");
}
}
如上所示把所获得的的值赋给变量a,然后判断一下a是否等于null。若果可以往下执行,反之则不行。
然后当我们想关闭时,就要给其设定另一个事件来触发关闭的函数:
function guan()
{
a.close();//直接a.close()
}
4.间隔和延时
1000毫秒==1秒
1.间隔:window.setInterval(“要执行的函数”,间隔的时间毫秒数);间隔如果不清楚是无限执行的!
2.清除间隔:window.clearinterval(间隔的id);循环一次之后用来清除间隔执行的代码。
3.延时:window.setTimeout(“要执行的函数”,延时的毫秒数);延时只执行一次,延时多长时间,多长时间之后才执行。
4.清除延时:windo.clearTimeout(延时的id);
5.调整页面
1.window.navigate(“url”);跳转至目标页面,在谷歌浏览器下有bug。
2.window.moveTo(x,y)跳转至页面的某一位置,位置有x,y决定。
3.window.resizeTo(宽,高)调整页面的宽度和高度。
4.window.scrollTo(x,y)滚动页面至哪里,y代表纵向的滚动。
6.window.history对象
历史记录,通过历史记录可以操作页面前进或者后退
1.window.history.back();页面前进后退
2.window.history.forward();页面前进
3.window.history.go(n);n如果是正数则代表前进几个页面,如果是负数则代表后退几个页面,我们一般用这一种来进行history的操作!
7.window.location对象
1.window.location.href=“http://www.baidu.com”;修改页面地址会跳转页面1
---恢复内容结束---
JS中基本window对象操作的更多相关文章
- JS 中的 Window 对象
窗口对象的属性和方法: 在js最外层写的function可以还可以理解为window对象的一个方法.定义的变量也可以称之为window对象的一个属性.例如:window.alert("--- ...
- js中的window对象:打开窗口
~~ window.open():打开一个窗口 里面需要放三个参数: 1.打开窗口(网页)的位置: 2.打开的方式(自身页面,新开页面): 其中_blank新开一个窗口 3.打开网页的属性: wind ...
- 使用 JavaScript 中的 window 对象执行计时操作,完成一个抽奖程序
查看本章节 查看作业目录 需求说明: 使用 JavaScript 中的 window 对象执行计时操作,完成一个抽奖程序 实现思路: 在 HTML 页面中放置背景图片.转盘和指针 3 张图片,并设置指 ...
- js中如何访问对象和数组
js中如何访问对象和数组 一.总结 一句话总结:js访问对象点和中括号,访问数组的话就是中括号 对象 . [] 数组 [] 1.js访问对象的两种方式? . [] 可以使用下面两种方式访问对象的属性和 ...
- DOM、Window对象操作
一.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对象是指文档中每个元素:模型是指抽象化的东西. 一.基本语法: 数据类型(字符串,小数,整数,布尔,时间) var, v ...
- JS中的event 对象详解
JS中的event 对象详解 JS的event对象 Event属性和方法:1. type:事件的类型,如onlick中的click:2. srcElement/target:事件源,就是发生事件的 ...
- MVC中处理Json和JS中处理Json对象
MVC中处理Json和JS中处理Json对象 ASP.NET MVC 很好的封装了Json,本文介绍MVC中处理Json和JS中处理Json对象,并提供详细的示例代码供参考. MVC中已经很好的封装了 ...
- js中的json对象详细介绍
JSON一种简单的数据格式,比xml更轻巧,在JavaScript中处理JSON数据不需要任何特殊的API或工具包,下面为大家详细介绍下js中的json对象, 1.JSON(JavaScript Ob ...
- js中关于Blob对象的介绍与使用
js中关于Blob对象的介绍与使用 blob对象介绍 一个 Blob对象表示一个不可变的, 原始数据的类似文件对象.Blob表示的数据不一定是一个JavaScript原生格式 blob对象本质上是 ...
随机推荐
- IOS8 空项目全屏
打开工程项目属性文件,点击Target下面的第一项,再选择General选项卡,向下找到Use Asset Catalog按钮.点击它. 弹出对话框,点击Migrate即可.这样,应用尺寸就能根据屏幕 ...
- x264码率控制方法介绍
转自:http://www.bubuko.com/infodetail-471698.html 1. X264显式支持的一趟码率控制方法有:ABR, CQP, CRF. 缺省方法是CRF.这三种方式 ...
- J2EE面试题集锦(附答案)
转自:http://blog.sina.com.cn/s/blog_4e8be0590100fbb8.html J2EE面试题集锦(附答案)一.基础问答 1.下面哪些类可以被继承? java.lang ...
- C++编程学习50个经典网站 强力推荐 (转)
C/C++是最主要的编程语言.这里列出了50名优秀网站和网页清单,这些网站提供c/c++源代码.这份清单提供了源代码的链接以及它们的小说明.我已 尽力包括最佳的C/C++源代码的网站.这不是一个完整的 ...
- 前端调试效率低?试试这10个“Chrome开发者工具”使用技巧
摘要:今天给大家分享一些使用“Chrome开发者工具”的小技巧.包括调试,优化页面渲染速度等.希望能提升Web开发人员的工作效率. 今天给大家分享一些使用“Chrome开发者工具”的小技巧.包括调试, ...
- MATLAB信号与系统分析(五)——连续时间信号的频谱分析
一.实验目的: 1.掌握傅立叶级数(FS),学会分析连续时间周期信号的频谱分析及MATLAB实现: 2.掌握傅立叶变换(FT),了解傅立叶变换的性质以及MATLAB实现. 二.利用符号运算求傅里叶级数 ...
- 自定义ContentProvider的一些细节探究
1. 适用范围 对于什么情况下才会用到自定义的ContentProvider,官方文档的Dev Guide是这样描述的: 如果你想要提供以下的一种或几种特性的时候你才需要构造一个ContentPr ...
- aggregateByKey
def seq(a:Int, b:Int) : Int ={ math.max(a,b) } def comb(a:Int, b:Int) : Int ={ a + b } val data = sc ...
- 最大子序列和 HDOJ 1003 Max Sum
题目传送门 题意:求MCS(最大连续子序列和)及两个端点分析:第一种办法:dp[i] = max (dp[i-1] + a[i], a[i]) 可以不开数组,用一个sum表示前i个数字的MCS,其实是 ...
- MVC 依赖注入扩展
需求: 小明想要完成一个功能F,需要一把锤子T. 有两种办法可以实现: 1)小明很爱动手,精力很旺盛,于是,自己创建一个具有功能F的锤子T,并使用T来完成F: 2)小明很懒,天天睡大觉,于是,他叫小健 ...