JS中基本window对象操作

时间:2023-02-06 20:59:36

---恢复内容开始---

一.使用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对象操作的更多相关文章

  1. JS 中的 Window 对象

    窗口对象的属性和方法: 在js最外层写的function可以还可以理解为window对象的一个方法.定义的变量也可以称之为window对象的一个属性.例如:window.alert("--- ...

  2. js中的window对象:打开窗口

    ~~ window.open():打开一个窗口 里面需要放三个参数: 1.打开窗口(网页)的位置: 2.打开的方式(自身页面,新开页面): 其中_blank新开一个窗口 3.打开网页的属性: wind ...

  3. 使用 JavaScript 中的 window 对象执行计时操作,完成一个抽奖程序

    查看本章节 查看作业目录 需求说明: 使用 JavaScript 中的 window 对象执行计时操作,完成一个抽奖程序 实现思路: 在 HTML 页面中放置背景图片.转盘和指针 3 张图片,并设置指 ...

  4. js中如何访问对象和数组

    js中如何访问对象和数组 一.总结 一句话总结:js访问对象点和中括号,访问数组的话就是中括号 对象 . [] 数组 [] 1.js访问对象的两种方式? . [] 可以使用下面两种方式访问对象的属性和 ...

  5. DOM、Window对象操作

    一.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对象是指文档中每个元素:模型是指抽象化的东西. 一.基本语法: 数据类型(字符串,小数,整数,布尔,时间) var, v ...

  6. JS中的event 对象详解

    JS中的event 对象详解   JS的event对象 Event属性和方法:1. type:事件的类型,如onlick中的click:2. srcElement/target:事件源,就是发生事件的 ...

  7. MVC中处理Json和JS中处理Json对象

    MVC中处理Json和JS中处理Json对象 ASP.NET MVC 很好的封装了Json,本文介绍MVC中处理Json和JS中处理Json对象,并提供详细的示例代码供参考. MVC中已经很好的封装了 ...

  8. js中的json对象详细介绍

    JSON一种简单的数据格式,比xml更轻巧,在JavaScript中处理JSON数据不需要任何特殊的API或工具包,下面为大家详细介绍下js中的json对象, 1.JSON(JavaScript Ob ...

  9. js中关于Blob对象的介绍与使用

    js中关于Blob对象的介绍与使用   blob对象介绍 一个 Blob对象表示一个不可变的, 原始数据的类似文件对象.Blob表示的数据不一定是一个JavaScript原生格式 blob对象本质上是 ...

随机推荐

  1. if条件语句练习题

    习题一: 做一个算缘分的小游戏:输入男方姓名,女方姓名,输出缘分指数,给出建议. static void Main(string[] args) { //做一个算缘分的小游戏: //输入男方姓名,女方 ...

  2. html5 中meta中 content=width=device-width注意

    <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content ...

  3. 为什么数据可以从pl&sol;sql查出来而使用ado&period;net查询,结果却是空?

    1.背景 一条记录(如select * from A where a='1'),使用pl/sql作为条件可以查询出记录,但用ado.net sql查询结果却是空. 2.原因 a字段的数据类型的char ...

  4. python&lowbar;库学习&lowbar;02&lowbar;微信自动回复机器人

    一.python发展的趋势日益庞大,微信也有对应的库itchat.这次的实例做做成可在任意电脑运行的微信自动回复机器人exe.文件. 二.完成这个小应用我们需要装一些库,, itchat:这个东东不出 ...

  5. LOJ&period;6073&period;&lbrack;2017山东一轮集训Day5&rsqb;距离&lpar;可持久化线段树 树链剖分&rpar;

    题目链接 就是恶心人的,简单写写了...(似乎就是[HNOI2015]开店?) 拆式子,记\(dis_i\)为\(i\)到根节点的路径权值和,\(Ans=\sum dis_{p_i}+\sum dis ...

  6. sqlite元数据

    sqlite数据库每个文件都是一个database,因此同一个文件内部不再划分database.sqlite没有提供像mysql那样的show tables;和desc 表名类似的语句.许多数据库的元 ...

  7. 20155310 2016-2017-2 《Java程序设计》第七周学习总结

    20155310 2016-2017-2 <Java程序设计>第七周学习总结 教材学习内容总结 第十三章 时间与日期 认识时间与日期 •时间的度量 •GMT(格林威治标准时间):现在不是标 ...

  8. 对Man-In-The-Middle攻击的一点理解

    1)    中间人攻击最容易理解的可能就是fiddler吧,他可以截获request重新组织request的数据,有个专业的攻击工具叫burp. 2)    数据存在immutable,mutable ...

  9. 【学习小记】KD-Tree

    Preface 听说KD树实在是个大神器 可以解决多维空间多维偏序点权和,可以求某个点的空间最近最远点 就二维平面上的来说,复杂度在\(O(n\log n)\)到\(O(n\sqrt n)\)不等 嫌 ...

  10. &lbrack;BZOJ1036&rsqb;&lbrack;ZJOI2008&rsqb;树的统计Count 解题报告&vert;树链剖分

    树链剖分 简单来说就是数据结构在树上的应用.常用的为线段树splay等.(可现在splay还不会敲囧) 重链剖分: 将树上的边分成轻链和重链. 重边为每个节点到它子树最大的儿子的边,其余为轻边. 设( ...