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>
    复制代码

    3. window。 间隔与延迟

    间隔:  window.setinterval(“要执行的代码或函数”,间隔的毫秒数)

               window.clearinterval(“间隔的id”)

    延迟:   window.setTimeout(“要执行的代码”,延迟的毫秒数)

    4,页面的调整

     window.navigate("url")  跳至目标页面,  google不好用,

    window.moveTo(x,y)  移动到页面的贸易为止。

     window.scrollTo(x,y)  滚动ye面值那里。 y表示纵向滚动。

  • 相关阅读:
    模板template用法
    关联式容器MAP的用法----类似与python中的dict
    迭代器iterator
    c++中的vertor
    Git操作(git reset & get revert)
    代码度量标准
    __attribute__关键字
    Centos7.2部署.Net Core2.0 WebApi
    通过nginx 访问 centos 7 服务器上的.Net Core
    ASP.NET Core部署到CentOS7,使用Nginx代理
  • 原文地址:https://www.cnblogs.com/999c/p/4248487.html
Copyright © 2011-2022 走看看