Javaphua Blog
BlogJava 首页 新随笔 联系 聚合 管理
  46 Posts :: 5 Stories :: 46 Comments :: 0 Trackbacks
[转]javascript window 对象
window 对象
  1. 状态栏
    属性说明
    defaultStatus设置和获取浏览器程序状态栏的默认信息文本
    status设置和获取浏览器程序状态栏的信息文本

  2. 计时器
    方法说明
    setTimeout(express,time)延时time(ms)后执行express，express应该写成字符串形式
    clearTimeout( )清除延时器
    setInterval(express,time)每间隔time(ms)执行express
    clearInterval( )清除定时器
    两个set方法将返回一个内部编号，将之作为参数提供给相应的clear方法即可停止。
    setTimeout方法是延时执行，调用一次本方法，express得到一次执行（延时），在延时期间可以取消之；
    setInterval方法是定时执行，调用一次本方法，express安规定的时间间隔反复执行，也可取消之。
    可以在函数内部对自身进行延时调用，以达到定时的效果：
    function f1( )
    {... ...
     window.setTimeout("f1( )",1000);
    }

    <body onLoad="f1( )">
    function f2( )
    {... ...
    }

    <body onLoad="window.setInterval('f2( )',1000);">





  3. 窗口的打开与关闭
    在超级链接中加入target属性可以新开一个窗口，但前提是必须进行了点击，当然我们也可通过代码来打开一个新窗口。
    新开一个窗口 <a href="eg/06-2%20test.html" target="_blank">新开一个窗口</a>
    window.open("eg\\06-2%20test.html")
    window.open( )方法可以产生一个新的窗口，同时返回该窗口的内部编号，可以利用该编号来控制这个窗口的行为。
    用超级链接的方法新开窗口，无法控制窗口的大小外观，使用open（ ）方法则可轻松实现。

    winID=window.open("URL","winName","features","replace")

    URL：新开窗口中打开网页的URL地址；
    winName：新开窗口的名字；
    features：新开窗口的外观特征（eg："left=0,top=0,directories" )，各参数间用，分隔；
    features项说明
    left/secreenX浏览器左上角X坐标（px） IE/NetScape
    top/screenY浏览器左上角Y坐标（px） IE/NetScape
    height/innerHeight浏览器高（px） 最小值为100 IE/NetScape
    width/innerWidth浏览器宽（px） 最小值为100 IE/NetScape
    directories显示连接栏否
    location显示地址栏否
    menubar显示菜单栏否
    resizeable窗口大小可调否
    scrollbars显示滚动条否
    status显示状态栏否
    titlebar显示标题栏否
    toolbar显示工具栏否

    replace：为true表示替换新窗口的历史记录，否则不替换。

    window.open("eg\\06-2%20test.html", "", "left=100, top=200, height=200, width=300, resizeable, toolbar, directories")

    父窗口利用winID来控制新开的子窗口；子窗口则利用opener来访问父窗口。
    通过winID/opener可以探测窗口存在否；通过closed属性可以探测窗口关闭否。
    例：
    父窗口控制子窗口
    if(winID && !winID.closed)
                    winID.close（ ）；
    子窗口访问父窗口
    if(opener && !opener.closed)
                    opener.close（ ）；

  4. 内置对话框
    方法说明
    alert(message)显示警告信息提示窗口
    confirm(message)确认对话框，按“确定”按钮返回true，按“取消”按钮则返回false
    prompt(message,defaultValue)提示输入信息，返回用户输入的信息字符串


  5. 另外两种对话框（实际上是以对话框方式打开某一网页）
    IE4 ： showModalDialog(url,arguments,features)
    IE5 ： showModelessDialog(url,arguments,features)

    arguments：发送到网页的参数，可以是任何数据，在显示网页中用window.dialogArguments属性来获取之。
    features：新开对话框的外观特征（eg："dialogWidth:200px;status:off" )，各参数间用；分隔；
    属性说明
    dialogHeight对话框高，最小100px，IE5用px，IE4用em
    dialogWidth对话框宽
    dialogTop对话框左上角Y坐标
    dialogLeft对话框左上角X坐标
    center对话框是否显示在桌面的正中？yes(default)/no
    help对话框是否显示"?"号，可以提供提示说明功能。yes(default)/no
    resizeableIE5的属性，对话框大小可调否？yes/no(default)
    statusIE5的属性，对话框显示状态栏否？yes(default)/no

    window.showModelessDialog('eg\\06-2%20Modeless%20test.html',6688)

  6. 获取屏幕的相关信息（window.screen）
    属性screen
    height屏幕高
    width屏幕宽
    availHeight屏幕视野高
    availWidth屏幕视野宽
    colorDepth屏幕支持的色深

    window.screen.height : 768 px
    window.screen. width : 1024 px
    window.screen.availHeight : 738 px
    window.screen.availWidth : 1024 px
    window.screen.colorDepth : 32 bit

  7. 改变窗口大小和位置
    1. 属性
      属性说明
      screenLeft返回窗口左边距
      screenTop返回窗口顶边距

    2. 方法
      方法说明
      moveTo(x,y)窗口移动到屏幕(x,y)处
      moveBy(offsetX,offsetY)窗口按偏移量产生位移
      resizeTo(width,height)窗口大小调整为指定的高度和宽度
      resizeBy(offsetWidth,offsetHeight)窗口大小按增量进行调整


  8. 窗口内容的滚动
    方法说明
    scroll(x,y)滚动窗口到制定位置
    scrollTo(x,y)同上
    scrollBy(offsetX,offsetY)按参数指出的偏移量进行滚动


思考：
  1. 打开网页后，自动弹出广告页，大小为200*200；
  2. 输入姓名后新开一个窗口显示"你好！***"；
  3. 新开一个窗口，让它逐渐变大到屏幕的一半；
  4. 新开一个窗口，让它由屏幕左端向右端移动，然后关闭之；
  5. 设计一个震荡移动的跑马灯；
  6. 打开网页后，网页自动向上滚屏。
  7. 综合练习；


 
posted on 2006-07-25 13:49 Javaphua 阅读(1252) 评论(1)  编辑  收藏

Feedback

# re: [转]javascript window 对象 [未登录] 2011-06-25 11:17 df
sad  回复  更多评论
  


只有注册用户登录后才能发表评论。
网站导航: