zoukankan      html  css  js  c++  java
  • dom.bom

    window对象:

    打开和关闭窗口:

    window.open()

    三个参数:1.载入新窗口的页面的URL

      2.新窗口的名字

      3.特性字符串和说明是否用新载入的页面替换当前载入的页面的Boolean值。

    window.close()

    系统对话框:

    1.alert("hello world!");

    2.confirm("Are you sure?");---选择

    3.prompt("你的名字是说明?","");

    时间间隔

    setTimeout("alert('hello world!')",3000)间隔3秒钟执行hello world只执行一次

    cleanTimeout

    setInterval("alert('hello world')".3000)每隔3秒中执行一次

    CleanInterval

    历史

    window.history.go(-1)回到上一页

    window.history.back回到上一页

    window.history.go(1)前进一页

    window.history.forward前进一页

    window.history.length查询看历史中的页面数

    document对象:

    document.links[0]访问链接

    document.images[0]或document.images["imgHome"]访问图像

    document.forms[0]或document.forms["frmSubscribe"]访问表单

    Location对象

    href:当前载入的页面的完整的URL

    DOM中最主要的节点:

    1.元素节点(Elenment);

    2.属性节点(Attributes);

    3.文本节点(Text);

    4.注释节点(Comment);

    所有类型节点的通用方法:

    查找:

    nodeName:节点名字

    nodeValue:节点的值(主要针对文本节点,如果是元素节点返回为null;)

    nodeType:节点的类型

    firstChild:第一个儿子*****

    lastChild:第二个儿子*****

    childNodes:所有的子节点*****(两种方式)////

    previousSibling:指向前一个兄弟节点(同级**);

    nextSibling:指向后一个兄弟节点(同级**);

    操作:

    attributes:包含了代表的一个元素的特性的Attr对象,仅用于Element节点

    appendChild:添加一个新的节点在最后

    removeChild:删除一个节点

    replaceChild:替换

    insertBefore:在...之前添加一个节点

    创建:

    createElement:创建一个元素节点

    createTextNode:创建一个文本节点

    克隆:

    cloneNode:复制一个节点  true(深度复制)false(浅度复制)

    访问指定的节点:

    getElementById:查找指定的Id;

    getElementsByTagName:查找指定元素的类型(数组的形式);

    getElementsName:查找指定元素的Name;

    属性的查找,改变,设置:

    getArrtibute:属性的查找;

    setArrtibute:属性的改变  例如:setArribute(class,red)第一个参数是改变class,第二个设置为红色;

    removeAttibute:删除属性;

    覆盖,添加文本的值:

    innerHTML

     元素定位后相对offsetParent的距离:
    a. offsetLeft : 当前节点的左外边框到offsetParent的左内边框之间的距离。
    b. offsetTop : 当前节点的上外边框到offsetParent的上内边框之间的距离。
    文档宽高:元素在页面所占的空间宽高:
    a. offsetWidth / offsetHeight:获取元素在页面所占的空间宽高,包含边框
    b. clientWidth / clientHeight :获取元素在页面所占的空间宽高,不包含边框
        注意:如果元素没有占页面空间,那么这四属性的值都为0
                 (比如给元素设置了 display: none; 属性)
    内容宽高:被内容所撑出来的高度:
    a. scrollWiddth / scrollHeigt : 获取被内容所撑出来的高度
        注意:当获取body的内容宽高时,在chrome下内容宽高没有可视区宽高,
                 内容宽高就是可视区的宽高。
    其他浏览器, 内容的实际宽高

  • 相关阅读:
    [CF1051F] The Shortest Statement
    [国家集训队] 墨墨的等式
    [CF558E] A Simple Task
    [洛谷P1349] 广义斐波那契数列
    [TJOI2009] 猜数字
    [洛谷P3403] 跳楼机
    学习力
    启动流程
    《鸟哥Linux》笔记——磁盘分区
    indexDB数据库
  • 原文地址:https://www.cnblogs.com/8834760y/p/5271313.html
Copyright © 2011-2022 走看看