zoukankan      html  css  js  c++  java
  • 《JavaScript高级程序设计》阅读笔记(十五):浏览器中的JavaScript

    Window对象

    窗口操作

      Window对象对操作浏览器窗口非常有用,开发者可以移动或调整浏览器窗口的大小。可用四种方法实现这些操作:

      moveBy(dx,dy):把浏览器窗口相对当前位置水平移动dx个像素,垂直移动dy个像素。dx值为负左移,dy为负上移。

      moveTo(x,y):移动浏览器窗口,使它的左上角位于用户屏幕的(x,y)处。可以使用负数,不过这样会把部分窗口移出屏幕的可视区域。

      resizeBy(dw,dh):相对浏览器窗口当前大小,把窗口的宽度调整dw个像素,高度调整dy个像素。dw、dy为负时缩小窗口。

      resizeTo(w,h):把窗口的宽度调整为w,高度调整为h,不能使用负数。

      注,FireFox跟Chrome默认不允许进行此操作,要在安全设置里更改

      效果(在IE浏览器中有效果):

    导航和打开新窗口

      导航和打开新窗口用 window.open() 方法,该方法接受四个参数,即要载入新窗口的页面的URL,新窗口名字,特性字符串和说明是否用新载入的页面替换当前载入的页面的Boolean值。一般只用前三个参数,最后一个参数只有在window.open()打不开新窗口时才有效。

      第三个参数可选值如下:

    top=pixels窗口的 y 坐标。

    left=pixels 窗口的 x 坐标。以像素计。
    height=pixels 窗口文档显示区的高度。以像素计。
    width=pixels 窗口的文档显示区的宽度。以像素计。
    resizable=yes|no 窗口是否可调节尺寸。默认是 yes。
    scrollable=yes|no 是否显示滚动条。默认是 yes。
    location=yes|no 是否显示地址字段。默认是 yes。
    status=yes|no 是否添加状态栏。默认是 yes。
    toolbar=yes|no 是否显示浏览器的工具栏。默认是 yes。

      特性字符串是以逗号分隔的,所以在逗号或等号后不能有空格。

      示例:

    document对象

      用document的open、write、close等方法可以向新打开的窗口中写入内容,如下所示:

    <script type="text/javascript">
        function run(){
            var oNewWin=window.open("about:blank","newwindow","height=300,width=400");
            oNewWin.document.open();
            oNewWin.document.write("<html><body><script>function test(){alert('test');}</scr"+"ipt><input type='button' value='test' onclick='test()'/></body></html>");
            oNewWin.document.close();
        }
    </script>
    <input type='button' value='run' onclick='run()'/>

    location对象

      location对象可以用来解析URL,例如 URL为:http://www.cnblogs.com/artwl/archive/2012/04/14/2446762.html#top?id=1,则:

      hash:#top

      host:www.cnblogs.com

      hostname:www.cnblogs.com

      href:http://www.cnblogs.com/artwl/archive/2012/04/14/2446762.html#top?id=1

      pathname:/artwl/archive/2012/04/14/2446762.html

      port:空白

      protocol:http:

      search:?id=1

  • 相关阅读:
    基于OEA框架的客户化设计(三) “插件式”DLL
    小技巧、小工具列表
    OEA中的AutoUI重构(3) 评审会议后的设计
    基于OEA框架的客户化设计(一) 总体设计
    数据层扩展包EFCachingProvider 总结
    中国软件工程大会总结
    性能优化总结(二):聚合SQL
    招 .Net 开发人员 (北京) 已招满
    War3Share开源
    正则表达式:匹配字符串中除了"abc"以外的所有其它部分
  • 原文地址:https://www.cnblogs.com/artwl/p/2446762.html
Copyright © 2011-2022 走看看