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对象本质上是 ...
随机推荐
- hdu 1114 基础完全背包
题意:给一个储钱罐,已知空的储钱罐和装了硬币的储钱罐的质量.然后给了n种硬币的质量和价值. 问储钱罐里最少有多少钱. 解法:完全背包.注意要初始化为 INF,要正好装满,如果结果是INF,输出This ...
- String.split使用竖线做为分隔符
String.split使用竖线做为分隔符时会发现得到的数组不对,每个字符都被拆分成数组里的一个值: 解决办法:竖线需要转义才可以作为split的参数,String.split("\\|&q ...
- MATLAB学习笔记(十一)——MATLAB图形用户界面设计
(一)菜单设计 一.建立用户菜单 1.概况: 用户菜单一般含有一级菜单和二级菜单,乃至多级菜单.每一级菜单又包含多个菜单项.建立菜单可以使用uimenu函数. 2.uimenu函数调用: %建立一级菜 ...
- Oracle创建表空间和表
创建表空间和表ORACLE物理上是由磁盘上的以下几种文件:数据文件和控制文件和LOGFILE构成的oracle中的表就是一张存储数据的表.表空间是逻辑上的划分.方便管理的.数据表空间 (Tablesp ...
- Memcached GUI工具
1, http://www.junopen.com/memadmin/ 或 https://github.com/junstor/memadmin 帐号和密码都是:admin 在左下的数据读取里面 ...
- Java 时间架构图
Java 的Calendar,Date,TimeZone,Locale和DateFormat的关系图如下: 说明: milliseconds表示毫秒. milliseconds = "实际时 ...
- 【python游戏编程之旅】第五篇---嗷大喵爱吃鱼小游戏开发实例
本系列博客介绍以python+pygame库进行小游戏的开发.有写的不对之处还望各位海涵. 我们一同在前几期的博客中已经学到了很多pygame的基本知识了,现在该做个小游戏实战一下了. 前几期博客链接 ...
- BZOJ4155 : [Ipsc2015]Humble Captains
第一问最小割,第二问: 设du[i]表示i点的度数,则要最小化$\frac{|1集合的du[i]之和-2集合的du[i]之和|}{2}$, 压位01背包即可. #include<cstdio&g ...
- HDU 3966(树链剖分+点修改+点查询)
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=3966 题目大意:营地的分布成树型.每个营地都有一些人,每次修改修改一条链上的所有营地的人数,每次查询单 ...
- 自己的一份Spring的xml配置文件
<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.spr ...