JavaScript基础总结–JS核心对象上(三)

继续接上篇JavaScript基础总结–自定义函数与JS事件(二)

window对象

window对象是JavaScript中的核心顶级对象,它表示一个浏览器窗口。在其下有多个子对象,如图:

JavaScript基础总结--JS核心对象上(三)

属性

window对象本身也具有属性和方法,其中的重要属性有:

status:设置/获取网页状态栏的信息字符串

returnValue:对话框的返回值

dialogArguments:传递给对话框的参数字符串

  1. <script language="javascript">
  2.     window.status="welcome to my websit!";
  3. </script>

调用window对象的所有属性、方法、子对象时,window前缀可以省略。

方法

window对象的方法:

alert(s):使用对话框弹出内容s

confirm(s):弹出一个确认对话框

close():关闭窗口

open(url,name,args):在新窗口中打开url地址

showModalDialog(url,arg,attr):打开模态对话框

moveBy(x,y):相对于原位置移动窗口

moveTo(x,y):将窗口移动指定的位置

setInterval(fun,n):每隔n毫秒执行一遍fun函数

setTimeout(fun,n):设定n毫秒之后才执行fun函数

 

confirm方法

  1. <script language="javascript">
  2.     var k=confirm("Are you ready?");
  3.     alert(k);
  4. </script>

 

close方法

  1. <input type=button value="关闭" onclick=window.close()>

 

moveBy方法

计算机的屏幕坐标系统为:

JavaScript基础总结--JS核心对象上(三)

将网页在屏幕上水平移动:

  1. <script language="javascript">
  2.     for(i=0;i<500;i++)moveBy(1,0);
  3. </script>

 

open方法

open方法用于在新窗口中打开某个URL地址

  1. <script language="javascript">
  2.     open("mer.html","","location=0,status=0,toolbar=0,width=500,height=300");
  3. </script>

其中mer.html是打开的新窗口页面。

location=0表示不显示新窗口的地址栏。

status=0表示不显示新窗口的状态栏。

toolbar=0表示不显示新窗口的工具栏。

menubar=0表示不显示新窗口的菜单栏。

resizable=0表示新窗口不可缩放。

width和height设定新窗口的宽度和高度。

 

history对象

history对象是window的子对象,它表示当前网页的历史记录。其主要方法有:

forward():在历史记录中前进一页,相当于网页的“前进”按钮

back(-1):在历史记录中后退一页,相当于网页的“后退”按钮

go(n):在历史记录中跳转到第n页,n如果是负数则表示后退

 

location对象

location对象也是window的子对象,它表示当前网页的地址信息。有以下有用的方法:

assign(url):加载指定url的文档到本页面

reload():刷新页面

replace(url):使用url地址指定的文档替换本页面

 

setTimeout函数

setTimeout函数设置在n毫秒后执行指定的函数,且只执行一次。

  1. <script language="javascript">
  2. function fun(){
  3.     location="//www.mxiaoc.com";
  4. }
  5. setTimeout(fun,5000);
  6. </script>
  7. <body>
  8. 5秒钟之后跳转到小C博客首页
  9. </body>

 

setInterval函数

setInterval函数设定每隔一段时间就执行一遍指定的函数,其语法格式同setTimeout类似。

示例:设定每隔10秒钟刷新一次网页 :

  1. <script language="javascript">
  2. function fun(){
  3.     location.reload();
  4. }
  5. setInterval(fun,10000);
  6. </script>
  7. <body>
  8. 每隔10秒钟刷新一遍本页面
  9. </body>

 

Date对象

Date对象表示当前日期和时间,在使用前必须使用new实例化。它有以下方法:

getYear():获取当前年份

getMonth():获取当前月份,从0开始

getDate():获取当前日期

getDay():获取当前星期,0为星期天,以此类推

getHours():获取当前小时数

getMinutes():获取当前分钟

getSeconds():获取当前秒钟

toLocaleString():获取当前日期和时间的标准格式

toLocaleDateString():获取当前日期的标准格式

toLocaleTimeString():获取当前时间的标准格式

未完待续...

下篇传送阵:JavaScript基础总结–JS核心对象下(四)

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

发表评论

gravatar

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

目前评论:1   其中:访客  1   博主  0

  1. avatar 董永辉 0

    好厉害

评论加载中...