zoukankan      html  css  js  c++  java
  • JavaScript 的DOM操作

    HTML DOM (文档对象模型)

    当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。

    HTML DOM 模型被构造为对象的树。

          Windows 对象操作

    • window.open() - 打开新窗口
    • window.close() - 关闭当前窗口

    1.Windows.open("第一部分","第二部分","第三部分","第四部分")

    第一部分:写页面地址      url

    第二部分:_blank  打开方式,在新窗口(_blank )还是在自身窗口

    第三部分:features  控制打开窗口的格式,可以写多 个,用空格隔开:

    width=100 height=100   高和宽

    left=0 top=0 左边距和上边距

    scrollbars=yes  出现滚动条

    resizable=no/yes  窗口能否调整大小

    menubar=yes  有菜单栏

    status=no  无状态栏

    location=yes 有地址栏

    2.Windows.close():关闭当前窗口

    实例:

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script language="javascript">
    var newWin=new Array();
    var i=0;
    function newOpen()
    {
        newWin[i]=window.open("http://www.baidu.com","_blank","width=200 height=200 scrollbars=yes menubar=yes status=yes resizable=yes location=yes");
        i++;
    }
    function closeWin()
    {
        for(var j=0;j<i;j++)
        {
            newWin[j].close();
        }
    }
    </script>
    </head>
    
    <body>
    <form action="" method="get">
    <input type="button" value="打开一个新窗口" onclick="newOpen()" />
    <input type="button" value="关闭新窗口" onclick="closeWin()" />
    </form>
    </body>
  • 相关阅读:
    AJAX中所谓的异步
    前端性能优化方案
    文字超出隐藏
    创建值的两种方式及其区别
    单例模式
    自定义数据属性
    时间字符串的处理
    日期函数及时钟案例
    很low的四位验证码实现
    使用Ajax发送http请求(get&post请求)--转载
  • 原文地址:https://www.cnblogs.com/viven/p/4243696.html
Copyright © 2011-2022 走看看