zoukankan      html  css  js  c++  java
  • JavaScript高级程序设计29.pdf

    insertAdjacentHTML方法

    插入标记最后一个新增的方式是insertAdjacentHTML()方法,它接收两个参数:插入位置和要插入的HTML文本,第一个参数必须是下列值之一:

    "beforebegin",在当前元素之前插入一个相邻的同辈元素;

    "afterbegin",在当前元素之下插入一个新的子元素或在第一个子元素之前再插入新的子元素;

    "beforeend",在当前元素之下插入一个新的子元素或在最后一个子元素之后再插入新的子元素;

    "afterend",在当前元素之后插入一个相邻的同辈元素;

    注意,这些值都必须是小写形式,第二个参数是一个HTML字符串,如果浏览器无法解析该字符串,就会抛出错误

    //作为前一个同辈元素插入

    element.insertAdjacentHTML("beforebegin","<p>Hello world!</p>")

    内存与性能

    本节介绍的方法替换子节点可能会导致浏览器的内存占用问题,尤其是在IE中,问题更加明显。在使用innerHTML、outerHTML属性和insertAdjacentHTML()方法时,最好先手工删除要被替换的元素的所有事件处理程序和JavaScript对象属性

    scrollIntoView()方法

    HTML里的scrollIntoView()方法可以在所有HTML元素上调用,通过滚动浏览器窗口或某个容器元素,调用元素就会出现在视口中,给这个方法传入true或者不传入参数,那么窗口滚动之后会让调用元素的顶部与视口的顶部平齐,如果传入false作为参数,调用元素会尽可能全部出现在视口中,不过顶部不一定平齐

    //让元素可见

    document.forms[0].scrollIntoView();

    专有扩展

  • 相关阅读:
    TFS 安装遇到的问题
    批量将MP4 转换为 MP3
    sqlite like 通配符 ,匹配区分大小写(默认不区分大小写)
    AutoCAD 2007-2012 长度统计工具
    python27 ImportError: No module named site
    github push时,要求密码的问题
    sqlserver中自定义计算函数
    关于win10家庭版不能开启虚拟机的问题
    js的MD5实现
    高德各省行政区显示不同区别颜色(转)
  • 原文地址:https://www.cnblogs.com/sdgjytu/p/3760310.html
Copyright © 2011-2022 走看看