精华内容
下载资源
问答
  • window对象常用方法

    2016-04-21 19:24:00
    alert()方法也是window对象方法,只不过window可以省略不写 16 window.alert( ' 弹出一个提示框 ' ); 17 var bool = window.confirm( ' 您确定要删除该条数据么? ' ); // confirm方法,用户点击是放回...
     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     3 <head>
     4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     5 <title>window对象方法</title>
     6 <script>
     7 window.onload=function(){
     8 //打开一个新的窗口,并赋值给一个变量
     9     subWindow=window.open("http://www.baidu.com","name","height=200,width=300");//我在前面没有加var,他变成了全局变量。
    10     setTimeout('location()',1800);
    11     setTimeout('CloseW();',4000);//定时,2秒后,执行CloseW函数
    12 }
    13 function CloseW(){
    14     subWindow.close();
    15     //alert()方法也是window对象的方法,只不过window可以省略不写
    16     window.alert('弹出一个提示框');
    17     var bool=window.confirm('您确定要删除该条数据么?');//confirm方法,用户点击是放回ture,点击取消返回false。
    18     if(bool)
    19         alert('您的数据删除成功!');
    20     else
    21         alert('您已取消删除数据!');
    22     //实现页面跳转
    23     var answer=window.prompt("你在哪里读书",'ahnu');//返回null或用户输入的字符串值(非空)
    24     if(answer)
    25         alert(answer);
    26     else
    27         alert('您输入的字符串为空');
    28     
    29     
    30 }
    31 function location(){
    32     subWindow.location.href="http://www.anshida.net";
    33 }
    34 </script>
    35 </head>
    36 <body>
    37 <span id="e">hehe</span>
    38 </body>
    39 </html>

    网页实例:请点我

    转载于:https://www.cnblogs.com/zxj95121/p/5418361.html

    展开全文
  • JS window对象常用方法

    千次阅读 2015-12-08 16:28:59
    窗口对象的属性和方法: 格式: [window.]属性 [window.]方法(参数) opener.属性 opener.方法(参数) self.属性 self.方法(参数) parent.属性 parent.方法(参数) top.属性...
    • 窗口对象的属性和方法:

    格式:

    [window.]属性

    [window.]方法(参数)

    opener.属性

    opener.方法(参数)

    self.属性

    self.方法(参数)

    parent.属性

    parent.方法(参数)

    top.属性

    top.方法(参数)

    窗口名称.属性

    窗口名称.方法(参数)

    ----------------------------------------------------

    ·  窗口对象的属性:

    document

    当前文件的信息

    location

    当前URL的信息

    name

    窗口名称

    status

    状态栏的临时信息

    defaultStatus

    状态栏默认信息

    history

    该窗口最近查阅过的网页

    closed

    判断窗口是否关闭,返回布尔值

    opner

    open方法打开的窗口的源窗口

    outerHeight

    窗口边界的垂直尺寸,px

    outerWidth

    窗口边界的水平尺寸,px

    pageXOffset

    网页x-position的位置

    pageYOffset

    网页y-position的位置

    innerHeight

    窗口内容区的垂直尺寸,px

    innerWidth

    窗口内容区的水平尺寸,px

    screenX

    窗口左边界的X坐标

    screenY

    窗口上边界的Y坐标

    self

    当前窗口

    top

    最上方的窗口

    parent

    当前窗口或框架的框架组

    frames

    对应到窗口中的框架

    length

    框架的个数

    locationbar

    浏览器地址栏

    menubar

    浏览器菜单栏

    scrollbars

    浏览器滚动条

    statusbar

    浏览器状态栏

    toolbar

    浏览器工具栏

    offscreenBuffering

    是否更新窗口外的区域

    personalbars

    浏览器的个人工具栏,仅Navigator

    --------------------------------------------------------------------

    窗口对象的方法:

    alert(信息字串)

    弹出警告信息

    confirm(信息字串)

    显示确认信息对话框

    prompt(提示字串[,默认值])

    显示提示信息,并提供可输入的字段

    atob(译码字串)

    对base-64编码字串进行译码

    btoa(字串)

    将进行base-64编码

    back()

    回到历史记录的上一网页

    forward()

    加载历史记录中的下一网页

    open(URL,窗口名称[,窗口规格])

     

    focus()

    焦点移到该窗口

    blur()

    窗口转成背景

    stop()

    停止加载网页

    close()

     

    enableExternalCapture()

    允许有框架的窗口获取事件

    disableExternalCapture()

    关闭enableExternalCapture()

    captureEvents(事件类型)

    捕捉窗口的特定事件

    routeEvent(事件)

    传送已捕捉的事件

    handleEvent(事件)

    使特定事件的处理生效

    releaseEvents(事件类型)

    释放已获取的事件

    moveBy(水平点数,垂直点数)

    相对定位

    moveTo(x坐标,y坐标)

    绝对定位

    setResizable(true|false)

    是否允许调整窗口大小

    resizeBy(水平点数,垂直点数)

    相对调整窗口大小

    resizeTo(宽度,高度)

    绝对调整窗口大小

    scroll(x坐标,y坐标)

    绝对滚动窗口

    scrollBy(水平点数,垂直点数)

    相对滚动窗口

    scrollTo(x坐标,y坐标)

    绝对滚动窗口

    setInterval(表达式,毫秒)

     

    setTimeout(表达式,毫秒)

     

    clearInterval(定时器对象)

     

    clearTimeout(定时器对象)

     

    home()

    进入浏览器设置的主页

    find([字串[,caseSensitivr,backward]])

    查找窗口中特定的字串

    print()

     

    setHotKeys(true|false)

    激活或关闭组合键

    setZOptions()

    设置窗口重叠时的堆栈顺序

    --------------------------------------------------------------------------------------

    1. open方法

    语法格式:

    window.open(URL,窗口名称,窗口风格)

      功能:打开一个新的窗口,并在窗口中装载指定URL地址的网页。

      说明:

    open方法用于打开一个新的浏览器窗口,并在新窗口中装入一个指定的URL地址;

    open方法在打开一个新的浏览器窗口时,还可以指定窗口的名称(第二个参数);

    open方法在打开一个新的浏览器窗口时,还可以指定窗口的风格(第三个参数),

    窗口风格有以下选项,这些选项可以多选,如果多选,各选项之间用逗号分隔:

    toolbar:指定窗口是否有标准工具栏。当该选项的值为1或yes时,表示有标准工具栏,当该选项的值为0或no时,表示没有标准工具栏;

    location:指定窗口是否有地址工具栏,选项的值及含义与toolbar相同;

    directories:指定窗口是否有链接工具栏,选项的值及含义与toolbar相同;

    status:指定窗口是否有状态栏,选项的值及含义与toolbar相同;

    menubar:指定窗口是否有菜单,选项的值及含义与toolbar相同;

    scrollbar:指定当前窗口文档大于窗口时是否有滚动条,选项的值及含义与toolbar相同;

    resizable:指定窗口是否可改变大小,选项的值及含义与toolbar相同;

    width:以像素为单位指定窗口的宽度,已被innerWidth取代;

    height:以像素为单位指定窗口的高度,已被innerHeight取代;

    outerWidth:以像素为单位指定窗口的外部宽度;

    outerHeight:以像素为单位指定窗口的外部高度;

    left:以像素为单位指定窗口距屏幕左边的位置;

    top:以像素为单位指定窗口距屏幕顶端的位置;

    alwaysLowered:指定窗口隐藏在所有窗口之后,选项的值及含义与toolbar相同;

    alwaysRaised:指定窗口浮在所有窗口之上,选项的值及含义与toolbar相同;

    dependent:指定打开的窗口为当前窗口的一个子窗口,并随着父窗口的关闭而关闭,选项的值及含义与toolbar相同;

    hotkeys:在没有菜单栏的新窗口中设置安全退出的热键,选项的值及含义与toolbar相同;

    innerHeight:设定窗口中文档的像素高度;

    innerWidth:设定窗口中文档的像素宽度;

    screenX:设定窗口距离屏幕左边界的像素长度;

    screenY:设定窗口距离屏幕上边界的像素长度;

    titleBar:指明标题栏是否在新窗口中可见,选项的值及含义与toolbar相同;

    z-look:指明当窗口被激活时,不能浮在其它窗口之上,选项的值及含义与toolbar相同。

    open方法返回的是该窗口的引用。

    小技巧:该方法经常用于在打开一个网页时自动打开另一个窗口。

     

    2. close方法

    语法格式:

    window.close()

    功能:close方法用于自动关闭浏览器窗口。

     

    3. alert方法

    语法格式:

    window.alert(提示字符串)

    功能:弹出一个警告框,在警告框内显示提示字符串文本。

     

    4. confirm方法

    语法格式:

    window.confirm(提示字符串)

    功能:显示一个确认框,在确认框内显示提示字符串,当用户单击“确定”按钮

    时该方法返回true,单击“取消”时返回false。

     

    5. prompt方法

    语法格式:

    window.prompt(提示字符串,缺省文本)

    功能:显示一个输入框,在输入框内显示提示字符串,在输入文本框显示缺省文

    本,并等待用户输入,当用户单击“确定”按钮时,返回用户输入的字符串,当

    单击“取消”按钮时,返回null值。

     

    6. setTimeout方法

    语法格式:

    window.setTimeout(代码字符表达式,毫秒数)

    功能:定时设置,当到了指定的毫秒数后,自动执行代码字符表达式。

     

    7. clearTimeout方法

    语法格式:

    window.clearTimeout(定时器)

    功能:取消以前的定时设置,其中的参数是用setTimeout设置时的返回值。

     

    8. setInterval方法

    语法格式:

    window.setInterval(代码字符表达式,毫秒数)

    功能:设定一个时间间隔后(第二个参数),反复执行“代码字符表达式”的内容

     

    9. clearInterval方法

    语法格式:

    window.clearInterval(时间间隔器)

    功能:取消setInterval设置的定时。其中的参数是setInterval方法的返回值。

    10. moveBy方法

    语法格式:

    window.moveBy(水平位移量,垂直位移量)

    功能:按照给定像素参数移动指定窗口。第一个参数是窗口水平移动的像素,第

    二个参数是窗口垂直移动的像素。

    11.moveTo方法

    语法格式:

    window.moveTo(x,y)

    功能:将窗口移动到指定的指定坐标(x,y)处。

    12. resizeBy方法

    语法格式:

    window.resizeBy(水平,垂直)

    功能:将当前窗口改变指定的大小(x,y),当x、y的值大于0时为扩大,小于0时

    为缩小。

    13. resizeTo方法

    语法格式:

    window.resizeTo(水平宽度,垂直宽度)

    功能:将当前窗口改变成(x,y)大小,x、y分别为宽度和高度。

    14. scrollBy方法

    语法格式:

    window.scrollBy(水平位移量,垂直位移量)

    功能:将窗口中的内容按给定的位移量滚动。参数为正数时,正向滚动,否则反

    向滚动。

    15. scrollTo方法

    语法格式:

    window.scrollTo(x,y)

    功能:将窗口中的内容滚动到指定位置。

    16.find方法

    语法格式:

    window.find()

    功能:当触发该方法时,将弹出一个“find”(查找)对话窗口,并允许用户在触

    发find方法的页面中查找一个字符串。

    注:该属性在IE5.5及Netscape6.0中都不支持。

    17. back方法

    语法格式:

    window.back()

    功能:模拟用户点击浏览器上的“后退”按钮,将页面转到浏览器的上一页。

    说明:仅当当前页面存在上一页时才能进行该操作。

    注:IE5.5不支持该方法,Netscape6.0支持。

    18. forward方法

    语法格式:

    window.forward()

    功能:模拟用户点击浏览器上的“前进”按钮,将页面转到浏览器的下一页。

    说明:仅当当前页面存在下一页时才能进行该操作。

    注:IE5.5不支持该方法,Netscape6.0支持。

    19. home方法

    语法格式:

    window.home()

    功能:模拟用户点击浏览器上的“主页”按钮,将页面转到指定的页面上。

    注:IE5.5不支持该方法,Netscape6.0支持。

    20. stop方法

    语法格式:

    window.stop()

    功能:模拟用户点击浏览器上的“停止”按钮,终止浏览器的下载操作。

    注:IE5.5不支持该方法,Netscape6.0支持。

    21. print方法

    语法格式:

    window.print()

    功能:模拟用户点击浏览器上的“打印”按钮,通知浏览器打开打印对话框打印

    当前页。

    22. blur方法

    语法格式:

    window.blur()

    功能:从窗口中移出焦点。当与focus方法合用时必须小心,因为可能导致焦点

    不断移进移出。

    23. focus方法

    语法格式:

    window.focus()

    功能:使窗口中得到焦点。当与blur方法合用时必须小心,因为可能导致焦点不

    断移进移出。

    24. captureEvent方法

    语法格式:

    window.captureEvent(Event)

    window.captureEvent(事件1|事件2|...|事件n)

    功能:捕捉指定参数的所有事件。由于能够捕获哪些由本地程序自己处理的事件

    ,所以程序员可以随意定义函数来处理事件。如果有多个事件需要捕捉,各事件

    之间用管道符“|”隔开。可捕捉的事件类型如下:

    Event.ABORT

    Event.BLUR

    Event.CHANGE

    Event.CLICK

    Event.DBLCLICK

    Event.DRAGDROP

    Event.ERROR

    Event.FOCUS

    Event.KEYDOWN

    Event.KEYPRESS

    Event.KEYUP

    Event.LOAD

    Event.MOUSEDOWN

    Event.MOUSUEMOVE

    Event.MOUSEOUT

    Event.MOUSEOVER

    Event.MOUSEUP

    Event.MOVE

    Event.RESET

    Event.RESIZE

    Event.SELECT

    Event.SUBMIT

    Event.UNLOAD

    25. enableExternalCapture事件

    语法格式:

    window.enableExternalCapture(event)

    功能:enableExternalCapture方法用于捕捉通过参数传入的外部事件。

    26. disableExternalCapture事件

    语法格式:

    window.disableExternalCapture()

    功能:取消enableExternalCapture方法的设置,终止对外部事件的捕捉。

    27. handleEvent事件

    语法格式:

    window.handleEvent(event)

    功能:触发指定事件的事件处理器。

    28. releaseEvent事件

    语法格式:

    window.releaseEvent(event)

    window.releaseEvent(事件1|事件2|...|事件n)

    功能:释放通过参数传入的已被捕捉的事件,这些事件是由

    window.captureEvent方法设置的,可释放的事件与captureEvent相同。

    29. routeEvent事件

    语法格式:

    window.releaseEvent(event)

    功能:把被捕捉类型的所有事件转交给标准事件处理方法进行处理,可转交的事

    件与captureEvent相同。

    30 scroll事件

    语法格式:

    window.scroll(X坐标,Y坐标)

    功能:将窗口移动到指定的坐标位置。

     

    window对象具有如下属性:

    status

    statusbar

    statusbar.visible

    defaultstatus

    location

    locationbar

    locationbar.visible

    self

    name

    closed

    frames

    frames.length

    length

    document

    history

    innerHeight

    innerWidth

    menubar

    menubar.visible

    opener

    outerHeight

    outerWidth

    pageXOffset

    pageYOffset

    parent

    personalbar

    personalbar.visible

    scrollbar

    scrollbar.visible

    toolbar

    toolbar.visible

    top

    1. status属性

    语法格式:

    window.status=字符串

    功能:设置或给出浏览器窗口中状态栏的当前显示信息。

    小技巧:可以使用该属性设置浏览器窗口状态栏信息。

    2. statusbar属性

    语法格式:

    window.statusbar.属性

    功能:statusbar属性本身也是一个对象,用于访问它自已的visible属性从而确定状态栏是否可见。

    注:IE5.5浏览器不支持该属性。

    3. statusbar.visible属性

    语法格式:

    window.statusbar.visible

    功能:检查状态栏是否可见,如果可见则返回true,反之返回false。

    注:IE5.5浏览器不支持该属性。

     

    4. defaultstatus属性

    语法格式:

    window.defaultstatus[=字符串]

    功能:defaultstatus属性值是浏览器窗中状态栏的默认显示信息。

     

    5.location属性

    语法格式:

    window.location=URL

    功能:给出当前窗口的URL信息或指定打开窗口的URL。

     

    6. locationbar属性

    语法格式:

    window.locationbar.属性

    功能:locationbar属性也可以看成是一个子对象,这个属性用来获取它自已的visible属性来确定位置栏是否可见。到目前为止,该属性只有一个子属性:visible。

    注:IE5.5不支持该属性。

     

    7. locationbar.visible属性

    语法格式:

    window.locationbar.visible

    功能:返回位置栏是否可见,如果可见返回true,反之返回false。

    注:IE5.5不支持该属性。

     

    8. self属性

    语法格式:

    window.self.方法

    window.self.属性

    功能:该属性包含当前窗口的标志,利用这个属性,可以保证在多个窗口被打开的情况下,正确调用当前窗口内的函数或属性而不会发生混乱。

     

    9. name属性

    语法格式:

    window.name=名称

    功能:返回窗口名称,这个名称是由window.open()方法创建新窗口时给定的。在javascript1.0版本中,这个属性只能用于读取窗口名称,而到了javascript1.1版本时,可以用这个属性给一个不是用window.open()方法创建的窗口指定一个名称。

     

    10. closed属性

    语法格式:

    window.closed

    功能:closed属性用于返回指定窗口的实例是否已经关闭,如果关闭,返回true,反之返回flase。

    11. frames属性

    语法格式:

    window.frames["框架名称"]

    window.frames[数值]

    功能:frames属性是一个数组,用来存储文档中每一个由元素创建的子窗口(框架)实例,其中的下标即可以是次序号也可以是用FRAME元素的NAME属性指定的名称来得到并使用。

    12. frames.length属性

    语法格式:

    window.frames.length

    功能:frames.length属性用于给出文档中子窗口(框架)实例的个数。

     

    13. length属性

    语法格式:

    window.length

    功能:length属性返回一个窗口内的子窗口数目,该属性与window.frame.length属性的值相同。

    14. document属性

    语法格式:

    window.document.事件

    window.document.方法

    window.document.属性

    功能:window对象的子对象document是javascript的核心对象,在脚本中遇到BODY元素时创建一个实例。

     

    15. history属性

    语法格式:

    window.history[数值]

    window.history.方法()

    window.history.属性

    window对象的子对象history是javascript的核心对象之一,该属性包含了一个已访问过页面的名称和URL的数组。

     

    16. innerHeight属性

    语法格式:

    window.innerHeight=数值

    功能:返回或指定浏览器窗口中文档的像素高度,这个高度不包括任何工具栏和组成窗口的页面修饰高度。

    注:IE5.5不支持该属性。

    17. innerWidth属性

    语法格式:

    window.innerHeight=数值

    功能:返回或指定浏览器窗口中文档的像素宽度,这个宽度不包括任何工具栏和组成窗口的页面修饰宽度。

    注:IE5.5不支持该属性。

     

    18. menubar属性

    语法格式:

    window.menubar.属性

    功能:menubar属性也可以看成是一个子对象,这个属性用来获取它自已的visible属性来确定菜单栏是否可见。到目前为止,该属性只有一个子属性:visible。

    注:IE5.5不支持该属性。

    19. menubar.visible属性

    语法格式:

    window.menubar.visible

    功能:menubar.visible属性用于返回菜单栏是否可见,如果可见返回true,反之返回false。

    注:IE5.5不支持该属性。

     

    20. opener属性

    语法格式:

    window.opener

    window.opener.方法

    window.opener.属性

    功能:opener属性与打开该窗口的父窗口相联系,当访问子窗口中operer属性时,返回的是父窗口。通过该属性,可以使用父窗口对象中的方法和属性。

     

    21. outerHeight属性

    语法格式:

    window.outerHeight

    功能:outerHeight属性用于访问浏览器窗口的像素高度,该高度包括工具栏和装饰边的高度。

    注:IE5.5不支持该属性。

     

    22. outerWidth属性

    语法格式:

    window.outerWidth

    功能:outerWidth属性用于访问浏览器窗口的像素宽度,该宽度包括工具栏和装饰边的宽度。

    注:IE5.5不支持该属性。

     

    23. pageXOffset属性

    语法格式:

    window.pageXOffset=数值

    功能:指定浏览器窗口中文档左上角在窗口中的当前水平像素位置。在利用moveTo移动之前,可以通过该属性来决定是否需要移动窗口。因为该属性返回了可见文档相对整个页面的当前位置。

    注:IE5.5不支持该属性。

     

    24. pageYOffset属性

    语法格式:

    window.pageYOffset=数值

    功能:指定浏览器窗口中文档左上角在窗口中的当前垂直像素位置。在利用moveTo移动之前,可以通过该属性来决定是否需要移动窗口。因为该属性返回了可见文档相对整个页面的当前位置。

    注:IE5.5不支持该属性。

     

    25. parent属性

    语法格式:

    window.parent.frames[数值]

    window.parent.framesName

    功能:访问各个子窗口(多框架)所在的父窗口。

     

    26. personalbar属性

    语法格式:

    window.personalbar.属性

    功能:personalbar属性本身也是一个对象,用于访问其自身的visible属性来确定个人栏是否可见。

    注:IE5.5不支持该属性。

     

    27. personalbar.visible属性

    语法格式:

    window.personalbar.visible

    功能:确定个人栏是否可见,如果可见则返回true,反之返回false。

    注:IE5.5不支持该属性。

     

    28. scrollbars属性

    语法格式:

    window.scrollbars.属性

    功能:scrollbars属性本身也是一个对象,用于访问其自身的visible属性来确定滚动栏是否可见。

    注:IE5.5不支持该属性。

     

    29. scrollbars.visible属性

    语法格式:

    window.scrollbars.visible

    功能:scrollbars.visible用于确定滚动栏是否可见,如果可见则返回true,反之返回false。

    注:IE5.5不支持该属性。

     

    30. toolbar属性

    语法格式:

    window.toolbar.属性

    功能:toolbar属性本身也是一个对象,用于访问它自已的visible属性从而确定工具栏是否可见。

    注:IE5.5不支持该属性。

     

    31. toolbar.visible属性

    语法格式:

    window.toolbar.visible

    功能:toolbar.visible属性用于检查工具栏是否可见,如果可见则返回true,反之返回false。

    注:IE5.5不支持该属性。

     

    32. top属性

    语法格式:

    window.top.frames[数值]

    window.top.frameName

    window.top.方法()

    window.top.属性

    功能:window对象的top属性用于包含所有装入浏览器的子窗口(多框架)的最顶层窗口的信息。

     

    例1:

    <scrīpt>

    document.write ("文哥网络技术学习网");

    open ('1.htm','','height=100,width=300');

    </scrīpt>

    <!-------- 1.htm -------->

    <TITLE>欢迎光临</TITLE>

    <BODY >

    <IMG SRC="images\welcome.gif" ALIGN="left">

    <CENTER>

    <FONT COLOR="blue" SIZE="5">欢迎光临</FONT><BR>

    这是一个技术研习的小天地<BR>

    </CENTER>

    </BODY>

    例2:

    <scrīpt>

    document.write("文哥网络技术学习网")

    helloWin = open ('1.htm','','height=100,width=300');

    var line1 = "<FONT COLOR='blue' SIZE='5'>欢迎光临</FONT><BR>"

    var line2 = "这是一个技术研习的小天地"

    helloWin.document.write (line1 + line2)

    helloWin.document.title = "欢迎光临"

    </scrīpt>

    例3:

    <scrīpt>

    window.defaultStatus = "最棒的线上学习网站";

    </scrīpt>

    <A HREF="http://www.hubert.idv.tw" >

    文哥网路技术学习网</A>

    例4:

    <scrīpt>

    queryWin = open('1.htm','','height=100,')

    </scrīpt>

    利用子窗口来改变母窗口的底色

    /* -------- 1.htm -------- */

    <scrīpt>

    function passToOpener(color) {

        opener.document.bgColor = color;

        self.close();

    }

    </scrīpt>

    <CENTER>

    请选择你喜欢的颜色?<BR>

    <FONT > >浅蓝色<</FONT> 

    <FONT > >浅红色<</FONT>

    </CENTER>

    展开全文
  • 方法名称 prompt():显示可提示用户输入的对话框 alert():显示带有一个提示信息和 一个确定按钮的警示框 confirm():显示一个 带有提示信息、确定和取消按钮的对话框 open():打开一个新的浏览器窗口,加载给定...

    方法名称

    prompt():显示可提示用户输入的对话框

    alert():显示带有一个提示信息和 一个确定按钮的警示框

    confirm():显示一个 带有提示信息、确定和取消按钮的对话框

    open():打开一个新的浏览器窗口,加载给定URL所指定的文档

    close():关闭浏览器窗口

    setTimeout():在指定的毫秒数后调用函数或计算表达式,只执行一次

    setInterval():按照指定的周期(以毫秒计)来调用函数或表达式

     

    window.open方法窗口属性

    height,width  窗口文档显示区的高度,宽度。以像素计

    left,top  窗口的x坐标,y坐标。以像素计

    toolbar=yes|no|1|0  是否显示浏览器的工具栏,默认是yes

    scrollbars=yes|no|1显示  |0  是否显示滚动条。默认是yes

    location=yes|no|1|0  是否 显示地址字段。默认是yes

    status=yes|no|1|0  是否添加状态栏。默认是yes

    menubar=yes|no|1|0  是否显示菜单栏。默认是yes

    resizable=yes|no|1|0  窗口是否可调节尺寸。默认是yes

    titlebar=yes|no|1|0  是否显示标题栏。默认是yes

    fullscreen=yes|no|1|0  是否使用全屏模式显示浏览器。默认是no

     

    setTimeout()方法(只执行一次)和setInterval()方法使用  大近相同

     

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>演示</title>
    </head>
    <script>
      οnlοad=function(){
        var name=document.querySelector("#name")
        var change=function(){
          name.value=name.value+1
      }
        setInterval(change,2000); //每2秒加字符串1
      }
    </script>
    <body>
      <input type="text" id="name"></input>
    </body>

    </html>

     

    转载于:https://www.cnblogs.com/i1991/p/7156876.html

    展开全文
  • JavaScript:window对象常用方法和事件

    千次阅读 2018-07-26 10:27:36
    JavaScript:window对象常用方法和事件 鼠标移到某元素之上
    <!DOCTYPE html>
    <html>
    
    <head>
        <meta charset="UTF-8">
        <title>JavaScript:window对象常用方法和事件</title>
    
        <script type="text/javascript">
            
            //方法=============================
            window.onload = function () {//匿名方法
                this.open_fix_adv();
            }
            //window对象的方法,因为window对象为全局对象,所以可以省略window
            window.setTimeout(function () {
                console.dir("5s以后输出");
            }, 5000);
    
            window.setInterval(function () {
                console.dir("每隔2s输出一次");
            }, 2000);
    
            function open_adv() {
                window.open("../html/01.html");
            }
    
            function open_fix_adv() {
                window.open("../html/01.html", "", "height=380,width=320,left=800,top=200,toolbar=0,
                scrollbars=0,location=0, status=0,menubar=0,resizable=0");
            }
    
            function fullscreen() {
                window.open("../html/01.html", "", "fullscreen=1");
            }
    
            function close_adv() {
                window.close();
            }
    
            //确认框
            function confirm_msg() {
                var flag = window.confirm("are u sure?");
                console.dir(flag);
            }
    
            //事件=============================
            function getonChangeVal() {
                var name = document.getElementById("username").value;
                var x = document.getElementsByName('username');
                console.dir(x[0].value);
                console.dir(name);
            }
    
            function getonKeyDown() {
                var x = document.getElementById("age").value;
                console.dir(x);
            }
    
            function getonMouseOver() {
                console.dir('onmouseover');
            }
    
            function printStr() {
                console.dir("onload事件");
            }
    
    
        </script>
    </head>
    
    <body style="text-align: center;" onload="printStr()">
    
    <input type="button" name="open1" onclick="open_adv()" value="弹出窗口"/>
    <br/><br/>
    <input type="button" name="open1" onclick="open_fix_adv()" value="弹出固定大小窗口,且无菜单栏等"/>
    
    <br/><br/>
    <input type="button" name="open1" onclick="confirm_msg()" value="确认窗口"/>
    
    <br/><br/>
    <input type="button" name="open1" onclick="fullscreen()" value="全屏展示"/>
    
    <br/><br/>
    <input type="button" name="open1" onclick="close_adv()" value="关闭窗口"/>
    
    <br/><br/>
    <input type="text" name="username" id="username" onchange="getonChangeVal()" value="jack"/>
    
    <br/><br/>
    <input type="text" name="age" id="age" onkeydown="getonKeyDown()" value="10"/>
    
    <br/><br/>
    <p onmousedown="getonMouseOver()">鼠标移到某元素之上</p>
    </body>
    
    </html>
    
    展开全文
  • - BOM 介绍 - dom 对象 ... - 常用dom对象层次图 - dom对象详解  - window  - event  - document  - body  - style  - image  - link  - form  - all  - 其他 1. BOM  Br
  • - window常用方法2  -  - window属性 1. 方法  1) window.moveTo(x,y)  ① 功能  可把窗口的左上角移动到一个指定的坐标。  ② 示例(注: 仅IE通过) function toNewPosition() { ...
  • 【JS】window对象常用属性和方法

    千次阅读 2018-10-23 15:05:46
    2.window对象常用方法: alert(&quot;&quot;) 显示带有一段消息和一个确认按钮的警告框。 confirm(&quot;&quot;) 显示带有一段消息以及确认按钮和取消按钮的对话框。 window.blur() 把键盘焦点从...
  • BOM( Browser Object MOdel) 浏览器对象模型. 浏览器对象模型中把浏览器 的各个部分都是用了一个对象进行...window对象常用方法: open() 打开一个新的窗口。window.open( 打开啊的url, _blank新窗口打开、_me...
  • Window对象常用方法

    2018-02-18 23:45:29
    alert();——————————-弹出一个提示框. confirm()—————————-弹出一个确认框 prompt(); —————————输入框 setTimeout();————————定时执行一次就ok了 setInterval();...
  • window 对象常见的方法: alert() Confirm() setInverval()与clearInterval() setTimeout()与ClearTimeOut() ShowModelDialog()与ShowModelessDialog() close() 相关代码: !DOCTYPE html> html xmlns=...
  • window是JS浏览器对象模型中的顶层对象,也可以成为浏览器对象。 一、window常用的属性 status:浏览器状态栏信息 screen:有关客户端的屏幕和显示性能的信息 history:客户端URL...二、window常用方法 ...
  • window对象常用方法

    2018-11-01 11:01:59
    window.alert(“提示内容”) 作用:弹出一个警告窗口,内容可以自定义。 window.prompt(text [,defaultText]) eg: var name=window.prompt(“请输入姓名”) window.alert(“名字是:”+name) 作用:弹出有提示信息...
  • window对象常用方法和作用,介绍得非常详细,希望对你有所帮助
  • Window对象常用方法

    2020-11-17 18:17:35
    alert()、confirm()、prompt() 分别用于弹出警告对话框、确认对话框和提示输入对话框。 close() 关闭窗口。 focus()、blur() 让窗口获得焦点、失去焦点。 open() 打开一一个新的顶级窗口,用于装载新的URL所指向的...
  • window对象常用属性: window.self 返回当前窗口的引用 window.parent 返回当前窗体的父窗体对象 window.top 返回当前窗体最顶层的父窗体的引用 window.outerwidth 返回当前窗口的外部宽 window.outerheight ...
  • BOM里常用对象,window对象常用方法 对象:window、document、location、screen、history、navigator 方法:alert()、confirm()、prompt()、open()、close() window 对象是BOM中所有对象的核心; history ...
  • Window对象常用方法和定时器的开始,停止和暂停 全局的window对象 JavaScript中的任何一个全局函数或变量都是window的属性。 Window对象常用方法 alert();——————————-弹出一个提示框. confirm...
  • window对象常用属性及方法

    千次阅读 2012-10-23 18:37:13
    熟悉并了解window对象的各种属性...本文将简单的说明几个window对象常用属性、方法及事件处理程序的应用。 常用属性:  1、closed:用于判断一个指向window对象的引用是否已关闭。请看下面代码:  var newWnd =
  • Window 对象: 所有浏览器都支持 window 对象。它表示浏览器窗口。 ...所有 JavaScript 全局对象、函数以及变量均自动成为 window ...其实我感觉js中的window和java中的frame差不多,好多方法也都近似,尤其是常用
  • window对象常用方法包括:alert(text) 创建一个警告对话框,显示一条信息blur() 将焦点从窗口移除clearInterval(interval) 清除之前设置的定时器间隔clearTimeOut(timer) 清除之前设置的超时close() 关闭窗口...
  • /* javascript组成部分: EMCAScript(基本语法) BOM( Browser Object MOdel) 浏览器对象模型. 浏览器对象模型中把浏览器 的各个部分都...window 代表了一个新开的窗口 location 代表了地址栏对象。 screen 代表
  • js window对象常用内容

    2014-07-04 18:11:00
    window对象表示的是浏览器的窗口。如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。 没有多个框架,在一个框架中,window为一个,...
  • window对象中的所有方法,均可以省略前面的window. ,比如close(); 1、prompt:弹窗接收用户输入; 2、alert:弹窗警告; 3、confirm:带有确认/取消 按钮的提示框; 4、close:关闭当前浏览器选项卡 5、open:...
  • Window</title> </head> <body> <!-- 创建打开新窗口按钮 --> <input type="button" value="打开新窗口 按钮" onclick="func_open();" /> <!-- 创建清除 setInterval 按钮

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,156
精华内容 462
关键字:

window对象常用方法