码迷,mamicode.com
首页 > Web开发 > 详细

js中关于窗口的基础知识

时间:2015-09-03 23:05:03      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:

一.   打开子窗口的方式

       1. 打开一个新窗口的方法:
        Window.open (“ 文件路径”,  “_blank”, “ width = 100px,  height = 100px,  toolbar = yes” )
       ( 其实里面有很多属性,这里就写这些例子,注意属性的写法,双引号的位置)

     2. 固定按钮不动 ( 拖动滑动条时其位置不变 ) 
       在按钮的样式设置中添加 {  position : fixed;  left: 100px;  top: 100px; } 

     3.  获得窗口中标签名的对象:   
       例如获得div标签的写法( 把其付给一个变量text )
       下面的是把子页面li 的值传给父页面的text 对象的写法 :
       Var  list  =  document . getELementsTagName ( “ li ” )
        For( var i = 0; i  <  list.length;  i++  ){
            List [ i ] . onclick = function () {
             top . opener . document . getElementById (“ text ”) . Value = this . InnerHTML ;  
             }
        };

       下面是把父页面中打开子页面的写法 :
         Var  text = document . getElementById (“ text ”);
         Window . Open ( “ ./子页面.html ” , “ _black”,  “ width = 100px; height = 100px; toolbar         =  yes  ” );

       解释:  getElementsTarName(“ 标签名 ”)  :     获取标签名
          getElementById ( “ id名 ” )   :   获取id名
          Top . Opener . Document. getElementById (“text”) . Value = this . InnerHTML ;  表示 把li 里面的值传给父窗口的id 名为text 的对象.
           This . innerHTML 表示读取this 所指向的 li 里面的值.

 

二.    窗口操作

       针对FIRFOX 的 这种属性:
       1. Window.screenLeft : 获取浏览器距离屏幕左侧边距的值
       2. Window.screenTop : 获取浏览器距离屏幕顶部边距的值


      针对FIRFOX 的 这种属性:
      1. Window.screenX : 获取浏览器距离屏幕左侧边距的值
      2. Window.screenY : 获取浏览器距离屏幕顶部边距的值


      浏览器的尺寸
      针对FIRFOX 和 chrom 的 这种属性:
     1. Window.innerWidth : 获取浏览器的宽度值
     2.Window.innerHeight : 获取浏览器的高度值

 

 

    针对IE的 这种属性:
   1.Document.documentElement.clientWidth : 获取浏览器的宽度值
   2.Document.documentElement.clientHeight : 获取浏览器的高度值


   各种操作
  1  . 浏览器窗口的位置:
   MoveBy ( x, y ) : 浏览器相对于自身当前打开的位置
  X 代表水平方向的位移值
  Y 代表垂直方向的位移值
  moveTo ( x, y ) : 浏览器相对于屏幕移动的位置
  X 代表水平方向的位移值
  Y 代表垂直方向的位移值

  2. 浏览器窗口的大小:
  ResizeBy ( x, y ) : 浏览器在原有的尺寸上,再增加尺寸
  X 代表水平方向增减的尺寸
  Y 代表垂直方向增加的尺寸
  resizeTo ( x, y ) : 固定浏览器的尺寸大小
  X 代表水平方向固定的尺寸
  Y 代表垂直方向固定的尺寸

 


     滚动条的设置:
    ScollBy ( x, y ) : 相对于滚动条当前的位置的位移
    X 代表水平方向的滚动条相对于当前的位移值
    Y 代表垂直方向的滚动条相对于当前的位移值

   ScollTo ( x, y ) : 相对于滚动条的原点的位置的位移( 原点 就是滚动条最开始出现的位置, 每次的位移都是相对于这个原点来移动的)
   X 代表水平方向的滚动条相对于原点的位移值
   Y 代表垂直方向的滚动条相对于原点的位移值


     设置时间间隔的方法
    1. setInterval ( fun ( ) {

                ............代码段..................

          } , 1000 );
         表示: 每隔1000毫秒 (1秒) 就执行一次代码段的内容, 其中的fun() { .....方 法的实现....} ,这是传入setInterval 的匿名函数,其实这里是把 函数fun 作为了一个实参传给        了setInterval.

       2. setTimeout ( fun ( ) {

            ............代码段..................

          } , 1000 );
         表示: 1000毫秒 (1秒)之后 就执行代码段的内容, 仅仅只执行一次, 其中的fun() { .....方法的实现....} ,这是传入setTimeout 的匿名函数,其实这里是把 函数fun 作为了一          个实参传给了setTimeout .


         其中有一个函数用以清除setInterval , 使setInterval 停止作用:
        首先把setInterval 函数的返回值付给一个变量 times , 然后调用clearInterval ( ), 把setInterval 的返回值 times 传给clearInterval ,变达到清除setInterval 的作用, 使           某个行为停止. 注意: 这里调用 clearInterval 之后, 是直接删了setInterval 这个对象, 这样来起到停止setInterval 的行为; 如果再次调用setInterval ,这时又会创建一个             setInterval 的对象.

 

 

 

js中关于窗口的基础知识

标签:

原文地址:http://www.cnblogs.com/Hrbacity/p/4780821.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!