javascript学习----window对象的学习与总结

一   BOM:浏览器对象模型,提供了很多对象,用于对浏览器的功能进行访问,浏览器本身自己就有一些对象,不需要创建。

BOM的核心对象是window,它是浏览器的一个实例。

二.(1)Window:的常用属性:

(1)status

(2)opener

(3)closed

的常用方法:

(1)alert();

(2)confirm();

(3)setInterval();

(4)clearInterval();

(5)setTimeout();

(6)clearTimeout();

(7)open();

其他都是对象里面的子对象,如:document,frames,location,history,screen.....

(2)常用方法简单用法

a)Confirm使用如图(1):经常用需要用户删除的地方,防止用户误操作。

效果图如(2)

确认删除的话,点击确定,则执行if下面的语句,或是取消则执行else的语句,这个可以根据实际情况写。使用起来比较简单。

b)setInterval()与clearInterval()的简单使用:

setInterval函数作用是在播放动画的时,在指定的周期来调用函数,方法或对象。setInterval动作的语法格式如下:

setInterval(code,millisec[,"lang"]);俩个参数,一个是要执行的代码段,一个是间隔时间。

clearInterval函数作用是清除对setInterval函数的调用,它的语法格式如下clearInterval(dt);dt是调用setInterval函数后返回的对象。具体使用如下,简单做了一个倒计时器,应用了俩个函数:如图3,:

效果如图4:

实现了一个简单的倒计时,界面做了一点效果,点击开始,倒计时开始,点击停止,而数字不变了。这个方法使用起来很方便,可以做许多有趣的东西。值得大家试试。

setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。

var t=setTimeout("javascript语句",毫秒)

setTimeout和setInterval的语法相同。区别是,setInterval在执行完一次代码之后,经过了那个固定的时间间隔,它还会自动重复执行代码,而setTimeout只执行一次那段代码,可以创建一个函数循环重复调用setTimeout,以得到一段时间后重复在执行。

俩个函数用起来都很简单,但是有一点需要注意:

setTimeout方法不会每隔所设的时间就执行一次调用它的函数,它是在每次调用setTimeout后过所设的时间再去执行调用它的函数。这就表明,调用setTimeout函数的主体部分需要5秒钟执行完,那么整个函数则要每隔所设的时间+这个5s,才执行一次。而对于setInterval却没有被自己所调用的函数所束缚,它只是简单地每隔一定时间就重复执行一次那个函数。

因此在使用的时候,注意一下这个时间差的问题 。

时间: 2024-10-16 15:56:48

javascript学习----window对象的学习与总结的相关文章

JavaScript: 高级技巧: window 对象也可以添加自定义属性

JavaScript: 高级技巧: window 对象也可以添加自定义属性 例如 window.ntName = 'a';例如 window.ntXw = top; 优点是, window 无须等加载完毕, 任何时候都可以调用, 如果是页面元素和变量, 就需要小姐加载完毕才能使用 例如在 lhg: 中 父页面dlg_XXX.ShowDialog(); dlg_XXX.inwin.nt调用父窗口 = window; 子页面alert( window.nt调用父窗口.location.href );

JavaScript权威设计--Window对象(简要学习笔记十三)

1.Window对象是所有客户端JavaScript特性和API的主要接入点. Window对象中的一个重要属性是document,它引用Document对象. JavaScript程序可以通过Document对象和它包含的Element对象遍历和管理文档. 2.URL中的JavaScript 在URL后面跟一个JavaScript:协议限定符.里面的代码会作为JavaScript代码进行运行,需用分号分割. 如: <a href="javascript:alert('OK!')"

&lt;JavaScript&gt; 六. window对象的属性和方法

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 <script type="text/javascript"> 6 /* 7 BOM: Browser Object Model 浏览器对象模型 8 提供了访问和操作浏览器各组件的方式 9 10 window: 浏览器窗口 JS中最大的对象, 其它对象都是它的子对象 11 location: 地址栏 12

javascript中window对象 部分操作

<!--引用javascript外部脚本--> <script src="ss.js"></script> <script> //警示框 alert("text"); //确认框 接收true 与 false confirm("text"); //可输入内容的确认框 接收value值 prompt("text","value"); //数组定义 三种方式 va

javascript之window对象

 属性 closed   获取引用窗口是否已关闭. defaultStatus      设置或获取要在窗口底部的状态栏上显示的缺省信息. dialogArguments      设置或获取传递给模式对话框窗口的变量或变量数组. dialogHeight      设置或获取模式对话框的高度. dialogLeft    设置或获取模式对话框的左坐标. dialogTop    设置或获取模式对话框的顶坐标. dialogWidth       设置或获取模式对话框的宽度. frameEl

javascript操作window对象

document.defaultView或全局变量window--获取一个window对象. 1)获取窗体信息 innerHeight.innerWidth--获取窗体内容区域的高度.宽度. outerHeight.outerWidth--获取窗体的高度.宽度(包括边框和菜单条等): pageXOffset.pageYOffset--获取窗体从左上角算起水平/垂直滚动过的像素数: screen--返回一个描写叙述屏幕的Screen对象: screen.availHeight.screen.ava

通过&lt;frameset&gt;和&lt;iframe&gt;看JavaScript中window对象parent、self、top的区别

<frameset>.<frame>.<iframe>这3个html元素的区别,可以参考这篇文章"frame,iframe,frameset之间的关系与区别".标准的使用方式如下: <!--iframe 是在html页面内嵌入框架框架内可以连接另一个页面--> <html> <head></head> <body> <iframe src="xxx.html">

document和window对象的学习

一些css3的特效 javascript的window对象 定时器 延时器等ing...

风车转动代码 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 <style type="text/css"> 7 /*创建动画名称*/ 8 @keyframes rotate{ 9 0% { 10 transform:rotate(0deg);/*旋转*/ 11 12