精华内容
下载资源
问答
  • Window对象的常用方法
    千次阅读
    2018-07-23 19:34:51

     

     alert()、confirm()、prompt()分别用于弹出警告对话框、确认对话框和提示输入对话框。
    close()关闭窗口。
    focus()、blur()让窗口获得焦点、失去焦点。
     open()打开一一个新的顶级窗口,用于装载新的URL所指向的地址,并可指定一系列的新属性,包括隐藏菜单等。:
    resizeBy()、resizeTo()重设窗口大小。
    scrollBy()、scrollTo()滚动当前窗口中的HTML文档。
    setTimeout()、clearTimeout()设置、删除定时器。
    closed该属性返回-一个 boolean值,用于判断该窗口是否处于关闭状态。
    frames[]返回该窗口内包含的Frame对象,每个Frame对象又是一个window对象。
    history返回该窗口的浏览历史。
    location返回该窗口装载的HTML文档的URL
    navigator返回浏览当前页面的浏览器。
    parent如果当前窗口是一个Frame,则该属性返回包含本Frame的窗口,  即该Frame的直接父窗口。
    screen返回当前浏览者的屏幕对象。
    self返回自身。
    top如果当前窗口是-一个Frame,则该属性指向包含本Frame的顶级父窗口。
    setInterval()、clearlnterval()也是设置定时器。推荐使用setInterval() 和clearlnterval ()。
    moveBy()、moveTo()移动窗口。
    defaultStatus、status 返回浏览器状态栏的文本
    name返回该窗口的名字。
    print()打印当前窗口或Frame。
    document返回该窗口内装载的HTML文档

    我们实现一些比较常用的功能:

    <!DOCTYPE html>
    <html>
    <head>
    	<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    	<title> 状态栏的动画文字 </title>
    </head>
    <body onload="stack();">
    	<script type="text/javascript">
    		// 自定义的状态文字
    		var statusText = "自定义的动画状态栏文字...";
    		var out = "";
    		// 动画间隔时间
    		var pause = 25;
    		// 动画宽度
    		var animateWidth = 20;
    		var position = animateWidth;
    		var i = 0 ;
    		var stack = function() {
    			if (statusText.charAt(i) != " ") {
    				out = "";
    				// 将0到i-1个字符拼成输出字符串
    				for (var j = 0; j < i; j++)
    				{
    					out += statusText.charAt(j);
    				}
    				// 增加一定宽度空格
    				for (j = i; j < position; j++)
    				{
    					out += " ";
    				}
    				// 将第i个字符添加到输出字符串里去
    				out += statusText.charAt(i);
    				for (j = position; j < animateWidth; j++)
    				{
    					out += " ";
    				}
    				window.status = out;
    				// 如果后出来的字紧靠了前面字符串
    				if (position == i)
    				{
    					animateWidth++;
    					position = animateWidth;
    					// i加1,对应为多出现一个字符
    					i++;
    				}
    				else
    				{
    					position--;
    				}
    			}
    			else
    			{
    				i++
    			}
    			if (i < statusText.length)
    			{
    				setTimeout("stack()",pause);
    			}
    		}
    	</script>
    </body>
    </html>
    

     

    更多相关内容
  • window对象方法

    千次阅读 2019-03-20 19:41:57
    文章目录window对象方法和属性 window对象方法和属性 window对象是JS提供的一个内置对象,该对象是最大的一个内置对象,其中有很多方法和属性,可以直接调用 window.location对象用于获取当前页面的地址(URL)...

    window对象的方法和属性

    window对象是JS提供的一个内置对象,该对象是最大的一个内置对象,其中有很多方法和属性,可以直接调用
    window.location对象用于获取当前页面的地址(URL),并把浏览器重新定向到新的页面。window.location对象在编写的时候可以不写window

    window.onload=function(){
    	window.location.href="https://www.baidu.com";
    }
    

    location.hostname 返回web主机的域名
    location.pathname 返回当前页面的路径和文件名
    location.port 返回web主机的端口
    location.protocol 返回所使用的web协议
    window.location.href=“http://www.xxxxxx.net”;跳转后有后退功能
    window.location.replace(“http://www.xxxxxx.net”);跳转后没有后退功能
    window.open(“http://www.xxxxxx.net”);在新的窗口打开链接,一般用于简单的弹出页面,现在基本都被屏蔽掉

    //打开一个新子窗口
    window.open("https://www.tmall.com","xxxx","height=380,width=320,top=200,left=300");
    

    在这里插入图片描述
    window.history对象

    1. window.history 对象包含浏览器的历史。在编写时可以不使用window这个前缀

    2. window.history.back() - 加载历史列表中的前一个URL,与浏览器点击后退按钮相同

    3. window.history.forward() - 加载历史列表中的下一个URL,与浏览器点击向前按钮相同

    window对象的一些其他方法
    4. setInterval()和setTimeout()是HTML DOM Window 对象的两个方法,这叫做定时器方法
    5. window.setTimeout() 暂停指定的毫秒数后执行指定的代码,只执行一次

    window.onload=function(){
    	window.setTimeout(function(){
    		alert("这是三秒后输出的内容");
    	},"3000")
    }
    

    在这里插入图片描述
    函数只会在指定的时间之后执行一次

    • window.setInterval() 间隔指定的毫秒数不停地执行指定的代码
    var i=0;
    window.setInterval(function(){
    	console.log("i="+i++);
    },"1000")
    

    在这里插入图片描述

    • 方法用于停止setInterval()方法执行的函数代码
    var i=0;
    var id=window.setInterval(function(){
    	if (i<10) {
    		console.log("i="+i++);
    	} else{
    		window.clearInterval(id);
    	}
    },"1000")
    
    window.onload=function(){
    var i=0;
    var id=window.setInterval(function(){
    	if (i<10) {
    		console.log("i="+i++);
    	} else{
    		window.clearInterval(id);
    	}
    },"1000")
    }
    

    在这里插入图片描述
    在函数中使用var关键字声明的变量是局部变量,如果不使用var关键字声明则是全局变量

    • window.clearTimeout() 方法用于停止执行setTimeout()方法的函数代码
    • window.alert() 警告框经常用于确保用户可以得到某些信息。当警告框出现后,用户需要点击确定按钮才能继续进行操作
    • window.prompt() 确认框用于使用户可以验证或者接受某些信息。当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作。如果点击确认,返回值是在框中输入的值,如果点击取消,那么返回值为null
    window.onload=function(){
    	var empno=window.prompt("请输入你要删除的编号","1001");
    	console.log("要删除的数据的编号是:"+empno);
    }
    

    在这里插入图片描述
    在这里插入图片描述

    • window.confirm() 提示框经常用于提示用户在进入页面前输入某个值。当提示框出现后,用户需要输入某个值。然后点击确认或取消按钮才能继续操纵。如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为null
    var flag=window.confirm("你确定要删除该数据?");
    if(flag){
    	console.log("删除数据");	
    }else{
    	console.log("取消删除");
    }
    

    在这里插入图片描述
    在这里插入图片描述
    如果用户点击了确认,那么该方法返回的是true,如果点击了取消,则该方法返回的是false

    展开全文
  • 一、Window对象概述 Window对象可以用来打开浏览器,调整浏览器的位置、大小等等功能。 Window对象可以处理框架和框架之间的关系,通过这种关系在一个框架中处理另一个框架中的文档。他也是所有对象的顶级对象,通过...
  • 主要介绍了jQuery获得document和window对象宽度和高度的方法,涉及jQuery获取document和window对象属性的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
  • 浏览器对象的使用(window对象

    千次阅读 2020-12-19 00:08:01
    window对象方法:注意:在JavaScript基础篇中,已讲解了部分属性,window对象重点讲解计时器。1、JavaScript 计时器在JavaScript中,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。计时器...

    window对象是BOM的核心,window对象指当前的浏览器窗口。

    window对象方法:

    注意:在JavaScript基础篇中,已讲解了部分属性,window对象重点讲解计时器。

    1、JavaScript 计时器

    在JavaScript中,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。

    计时器类型:

    一次性计时器:仅在指定的延迟时间之后触发一次。

    间隔性触发计时器:每隔一定的时间间隔就触发一次。

    计时器方法:

    2、计时器setInterval()

    在执行时,从载入页面后每隔指定的时间执行代码。

    clearInterval() 方法可取消由 setInterval() 设置的交互时间。

    语法:

    setInterval(代码,交互时间); //计时器

    clearInterval(id_of_setInterval)//取消计时器

    参数说明:

    代码:要调用的函数或要执行的代码串。

    交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。

    3.id_of_setInterval:由 setInterval() 返回的 ID 值。

    返回值:

    一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。

    调用函数格式(假设有一个clock()函数):

    setInterval("clock()

    展开全文
  • window对象方法(open和close)

    千次阅读 2020-03-24 18:28:48
    window对象 语法: window.open(pageURL,name,parameters) 功能: 打开一个新的浏览器窗口或查找一个已命名的窗口 参数说明: pageURL:子窗口路径 name:子窗口句柄(name声明了新窗口的名称,方便后期...

    window对象

    语法:
    window.open(pageURL,name,parameters)
    功能:
    打开一个新的浏览器窗口或查找一个已命名的窗口
    参数说明:
    pageURL:子窗口路径
    name:子窗口句柄(name声明了新窗口的名称,方便后期通过name对子窗口进行引用)
    parameters:窗口参数(各参数用逗号隔开)
            width:窗口宽度
            height:窗口高度
            left:窗口X轴坐标
            top:窗口Y轴坐标
            toolbar:是否显示浏览器的工具栏
            menubar:是否显示浏览器的菜单栏
            scrollbars:是否显示滚动条
            location:是否显示地址字段
            status:是否添加状态栏
    语法:
    window.close()
    功能:
    关闭浏览器窗口


    选择练习 1

    关于window对象的open方法,下列说法正确的是?(选择两项)

    A open方法用于打开一个新的浏览器窗口或查找一个已命名的窗口
    B open方法打开的窗口宽和高都是固定的,无法进行改变
    C 通过open方法中参数的设置可以重新设定窗口的特征,可以对打开的新窗口的宽和高等进行改变
    D 如果open中的url参数为空的话,那么没有窗口被打开

    正确答案: A,C
    参考解析:
    该题考察的是window对象的open方法,正确选项为AC;
    1、open方法用于打开一个新的浏览器窗口或查找一个已命名的窗口
    2、通过open方法中参数的设置可以重新设定窗口的特征,可以对打开的新窗口的宽和高等进行改变
    3、如果open方法中的url参数为空的话,那么新窗口也会被打开只是不会显示任何文档


    选择练习 2

    通过window对象的open方法打开了一个子窗口,想让子窗口的滚动条不被显示,通过设置哪个属性可以实现?(选择一项)

    A menubar : no
    B scrollbars=no
    C menubar=no
    D scrollbars : no

    正确答案: B
    参考解析:
    该题考察的是window对象open方法的窗口特征设置,正确选项为B;
    通过open方法中的scrollbars属性,可以规定子窗口是否要显示滚动条,默认值是yes,如果不现实,值是no,属性和属性值之间用等号连接。



    编程练习

    实现:当点击页面上的按钮时,弹出确认框
    (1) 当点击按钮上的确定时,打开设置了新特征的子窗口, 新窗口的特征参考任务栏中的描述
    (2) 当点击按钮上的取消时,关闭当前页面
    (本题因为涉及到两个窗口,请在本地浏览器运行并查看效果!)

    任务

    第一步:获取到按钮元素,并为按钮绑定鼠标单击事件
    下面的步骤皆在单击事件中进行
    第二步:当点击按钮时,弹出确认框,用if判断对确认框返回的值进行判断
    (1) 返回的值为true时,说明点击的是确认,打开新的窗口“newPage.html”,用open()方法,新窗口的特征如下:
    ①宽300,高300
    ②窗口距离屏幕上边200,距离屏幕左边600
    ③窗口不显示地址字段、菜单栏、滚动条以及状态栏
    (2)返回值是false为false时,表示点击的是“取消”按钮,当前页面被关闭,用close()方法。

    参考代码

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>打开/关闭页面</title>
    	</head>
    	<body>
    		<input 	type="button" name="" value="打开页面" />
    		<script type="text/javascript">
    			window.onload=function(){
    				var btn=document.getElementsByTagName("input")[0];
    				btn.onclick=function(){
    					var result=window.confirm("是否打开页面");
    					if(result==true){
    						window.open("newPage.html","newPage","width=300,height=300,left=600,top=200,toolbar=no,menubar=no,scrollbars=no,location=no,status=no");
    					}
    					if(result==false){
    						window.close();
    					}
    				}
    			}
    		</script>
    	</body>
    </html>
    
    
    展开全文
  • window对象方法(alert-confirm-prompt)

    千次阅读 2020-03-24 12:08:27
    window对象方法 语法: window.alert("content") 功能: 显示带有一段消息和一个确认按钮的对话框 语法: window.confirm("message") 功能: 显示一个带有指定消息和OK及取消按钮的对话框 返回值: ...
  • Javascript Browser Window对象方法详解

    千次阅读 2016-07-12 22:55:37
    Window 对象 Window 对象表示浏览器中打开的窗口。 如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。 注释:没有应用于 ...
  • JavaScript - window对象方法和事件

    千次阅读 2015-04-25 15:29:22
    window对象方法和事件<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <title>window对象方法和事件 /*alert(window.screen);
  • js的window对象方法

    千次阅读 2018-09-24 11:21:46
    一、window对象 window对象 是BOM中所有对象的核心。BOM Browser Object Model 二、window属性 1.(位置类型-获得浏览器的位置) alert(screenX) alert(screenY) //IE 左边距 alert(screenLeft) 上边距 ...
  • js中window对象及其方法

    千次阅读 2018-06-20 14:22:45
    今天我们来简单说一说关于js中的window对象,简单的记录一下他的使用方法,在此之前先聊一聊URL的组成scheme通信协议常用的http,ftp,smtp等host主机(带端口号)服务器(计算机)域名系统(DNS)主机名或者IP地址...
  • window对象的属性及方法

    千次阅读 2017-05-27 08:07:13
    自定义函数及window的属性、方法
  • JS window对象常用方法

    千次阅读 2015-12-08 16:28:59
    窗口对象的属性和方法: 格式: [window.]属性 [window.]方法(参数) opener.属性 opener.方法(参数) self.属性 self.方法(参数) parent.属性 parent.方法(参数) top.属性...
  • 方法一:(最简单也是最笨的方法window.a = function(){}window.b = function(){}window.c = function(){} 方法二:(利用jq的extend方法window.c = function(){}$.extend(window,{ a:function(){}, b:...
  • 【JS】window对象常用属性和方法

    千次阅读 2018-10-23 15:05:46
    2.window对象常用方法: alert(&quot;&quot;) 显示带有一段消息和一个确认按钮的警告框。 confirm(&quot;&quot;) 显示带有一段消息以及确认按钮和取消按钮的对话框。 window.blur() 把键盘焦点从...
  • JS window 对象 打开新窗口

    千次阅读 2019-04-28 21:25:36
    使用 window.open()方法既可以导航到一个特定的 URL,也可以打开一个新的浏览器窗口。这个方法可以接收 4 个参数:要加载的 URL、窗口目标、一个特性字符串以及一个表示新页面是否取代浏览器历史记录中当前加载页面...
  • window对象的全局方法

    千次阅读 2017-10-14 21:25:05
    window对象的全局方法 1、window.alert(‘嘿’):显示带有一段消息和一个确认按钮的警告框。 2、window.prompt():显示可提升用户输入的对话框 3、window.confirm():显示带有一段消息,以及确认按钮和取消按钮...
  • vue 把组件方法暴露到window对象

    千次阅读 2020-12-04 18:03:11
    方法 1(简单,但不推荐) ... 组件内有一个getDetail方法,需要暴露给window,以供嵌入该页面的客户端调用 getDetail() { // 业务逻辑 } } 优点: **简单:**适合暴露的方法不太多的系统 缺点: *
  • Vue中给Window对象添加方法

    千次阅读 2020-05-19 09:16:12
    可是我使用DCloud的Wap2App打包App之后需要配置sitemap.json,配置onclick事件,但是该事件只能绑定Window下的方法,所以此时就需要在Vue中定义一个方法,并将其绑定在Windows对象下 首先在App.vue methods中定义一个...
  • 浏览器中常用内置对象之Window引言正文一、Window对象方法(1)计时器(2)打开窗口和关闭窗口二、Window对象的属性 引言 我们从这一篇开始逐个讲解浏览器上的内置对象的属性和方法。常见的浏览器内置对象有:...
  • window对象属性

    千次阅读 2019-06-28 23:08:15
    window对象中存储的属性和方法比较多,我们只对常用的做说明,不常用的看看就好。 首先是window中的这几个属性,这几个属性存储的值都是对象{}。每个对象对应一种操作,可以理解为将浏览器操作分为了好多部分,每...
  • Window对象常见属性和方法

    千次阅读 2018-09-16 22:30:07
    Window对象共有七个属性: defauleStatus:指定窗口状态栏中的信息。 status:指定当前窗口状态栏中的信息。 frames:是一个数组,其中内容是...Window对象有五个方法: alert:显示带有一个“确定”按钮的对话框...
  • JavaScript Window窗口对象

    千次阅读 多人点赞 2020-01-18 11:49:05
    文章目录一、Window对象概述1、Window对象属性2、Window对象方法3、如何使用二、对话框1、警告对话框2、确认对话框3、提示对话框三、打开与关闭窗口1、打开窗口2、关闭窗口(1)关闭当前窗口(2)关闭子窗口四、控制...
  • Nuxt 里获取window 对象方法

    千次阅读 2020-11-24 16:52:06
    在vue中 created(){ if (process.browser) { console.log(window) } }, 解决问题
  • BOM(浏览器对象模型),...一、window对象 所有浏览器都支持window对象。 概念上讲,一个html文档对应一个window对象。 功能上讲:控浏览器窗口的; 使用上讲:window对象不需要创建对象,直接使用即可。 二、...
  • 全局函数是 window 对象方法。 甚至 HTML DOM 的 document 也是 window 对象的属性之一: window.document.getElementById("header"); 与此相同: document.getElementById("header"); Window 尺寸 有三种...
  • VUE.JS--绑定方法WINDOW对象

    千次阅读 2019-03-08 10:10:51
    通过jsBridge方法,H5可以调用客户端(ios,android)的内部方法,同样,客户端也需要能调用H5页面里定义的js方法。 之前项目是通过jsBridge方法调的客户端方法(拍照,扫描二维码,选择通讯录等),由于客户端换了...
  • window对象的子对象

    千次阅读 2019-03-19 22:42:11
    window对象(有属性和方法) 特点: window是浏览器宿主对象,与js无关,支持所有浏览器,表示浏览器窗口 所有js的全局对象、全局函数、全局变量都是window对象的成员 注:以下所有属性都可以不需要window前缀,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 674,367
精华内容 269,746
关键字:

window对象方法