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

---恢复内容结束---

时间: 2024-10-19 11:56:37

JS中基本window对象操作的相关文章

js中的window对象:打开窗口

~~ window.open():打开一个窗口 里面需要放三个参数: 1.打开窗口(网页)的位置: 2.打开的方式(自身页面,新开页面): 其中_blank新开一个窗口 3.打开网页的属性: window.open("http://www.baidu.com","_blank","width=500 height=500") window.close():关闭一个窗口 window.opener.close:关闭打开的窗口(关闭源窗口) ~~ 间

JS中的event 对象详解

JS中的event 对象详解 JS的event对象 Event属性和方法: 1. type:事件的类型,如onlick中的click: 2. srcElement/target:事件源,就是发生事件的元素: 3. button:声明被按下的鼠标键,整数,1代表左键,2代表右键,4代表中键,如果按下多个键,酒把这些值加起来,所以3就代表左右键同时按下:(firefox中 0代表左键,1代表中间键,2代表右键) 4. clientX/clientY:事件发生的时候,鼠标相对于浏览器窗口可视文档区域的

JS中字符串的相关操作

(转自:http://www.cnblogs.com/zhaoxinxin/articles/1402733.html) 一.字符串的创建 创建一个字符串有几种方法. 最简单的是用引号将一组字符包含起来,可以将其赋值给一个字符串变量. var myStr = "Hello, String!"; 可以用双引号或单引号将字符串包含,但要注意,作为界定字符串的一对引号必须是相同的,不能混用. 像var myString = "Fluffy is a pretty cat.'; 这样

DOM、Window对象操作

一.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对象是指文档中每个元素:模型是指抽象化的东西. 一.基本语法: 数据类型(字符串,小数,整数,布尔,时间) var, var s = "3.14"; var n = parseFloat(s); ; s += 5; var d = parseInt(s); isNaN(字符串):判断是否是数字模样的字符串:是-false: 不是-true 运算符:四大类 表达式: function Show() { } 语

js中对数组的操作-------Day49

今天碰到了一个问题:easyui的使用中,datagrid表格的高度如何改变(设定成一个固定的高度),看了半天文档,也从网上查了些,还楞是没弄出来,有点小郁闷,这easyui在某些情况情况下确实好用了,可要随意调整实在是有些麻烦啊. 做不出就先放放,回家了就换个心情. 昨天在回放拖拽轨迹的实现中,对数组的应用成了关键的一步,于是特意查看了一些javascript对数组的操作,这里来记录下: "增删改查"这四个字相信都不陌生,我们绝大多数的工作都是在进行这些操作,而这些操作却有一个大前提

JS中 document.getElementById 对象

Document 对象 每个载入浏览器的 HTML 文档都会成为 Document 对象. Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问. 提示:Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问. Document 对象集合 集合 描述 all[] 提供对文档中所有 HTML 元素的访问. anchors[] 返回对文档中所有 Anchor 对象的引用. applets 返回对文档中所有 Applet

js中的json对象详细介绍

JSON一种简单的数据格式,比xml更轻巧,在JavaScript中处理JSON数据不需要任何特殊的API或工具包,下面为大家详细介绍下js中的json对象, 1.JSON(JavaScript Object Notation)一种简单的数据格式,比xml更轻巧.JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包. JSON的规则很简单:对象是一个无序的“‘名称:值'对”集合.一个对象以“{”(左括号)开始,“}”(右括号)结束

nuxtjs在vue组件中使用window对象编译报错的解决方法

我们知道nuxtjs是做服务端渲染的,他有很多声明周期是运行在服务端的,以及正常的vue声明周期mounted之前均是在服务端运行的,那么服务端是没有比如window对象的location.navagitor等,以及H5的FormData()方法,所以当你在created之前使用这些时,会报错,那么如何处理呢? 1.自己的写的函数里包含window等 因为nuxt为SSR框架,所以其编译打包时会区分服务端渲染还是客户端渲染(即浏览器),在vue文件中使用window对象报错的原因是,webpac

js中的数组对象排序

一.普通数组排序 js中用方法sort()为数组排序.sort()方法有一个可选参数,是用来确定元素顺序的函数.如果这个参数被省略,那么数组中的元素将按照ASCII字符顺序进行排序.如: var arr = ["a", "b", "A", "B"]; arr.sort(); console.log(arr);//["A", "B", "a", "b"