• 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下内容宽高没有可视区宽高,
                 内容宽高就是可视区的宽高。
    其他浏览器, 内容的实际宽高

  • 相关阅读:
    单例模式
    mysql之group_concat函数详解
    json中如何将key中的引号去掉
    show status,修改mysql用户密码 使用
    ThinkPHP连贯查询之子查询
    输入1-53周,输出1-53周的开始时间和结束时间
    Java编辑环境搭建
    Java语言简介
    html中iframe根据子页面内容动态修改高度
    JavaScript---通过正则表达式验证表单输入
  • 原文地址:https://www.cnblogs.com/8834760y/p/5271313.html
Copyright © 2020-2023  润新知