`

javascript Dom 中值得收藏的 js 函数

阅读更多
//常用JS,在网页加载完毕后执行JS.

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

实现动态插入html元素,DOM只提供 insertBefore();
function insertAfter(newElement,targetElement) {
  var parent = targetElement.parentNode;
  if (parent.lastChild == targetElement) {
    parent.appendChild(newElement);
  } else {
    parent.insertBefore(newElement,targetElement.nextSibling);
  }
}
分享到:
评论

相关推荐

    JavaScript DOM编程艺术【第2版&高清】.pdf

    但是,根据标题《JavaScript DOM编程艺术【第2版&高清】.pdf》和描述“JavaScript DOM编程艺术,高清资源,无比经典,值得拥有”,我们可以推断这本书主要讲述了JavaScript中DOM(文档对象模型)的相关编程技术。...

    JavaScript DOM编程艺术(第2版pdf)+源代码

    首先,书中的核心知识点围绕JavaScript语言基础展开,包括变量、数据类型、运算符、流程控制语句(如if...else、for、while等)以及函数的使用。这些基础知识对于理解和编写任何JavaScript代码都至关重要。 接着,...

    随书光盘+PDF JavaScript DOM编程艺术(第2版)-源代码2.5MB PDF114MB .zip

    JavaScript DOM编程艺术(第2版)是一本深受开发者欢迎的书籍,主要涵盖了JavaScript语言在Web前端开发中的应用,特别是关于DOM(Document Object Model)的深入理解和实践。这本书的随书光盘包含了源代码和PDF电子版...

    JavaScript_DOM编程艺术第二版(中文)

    总的来说,"JavaScript DOM编程艺术第二版"是一本全面介绍JavaScript与DOM结合的实践指南,它将帮助读者从初级到高级,系统地掌握JavaScript在网页动态化中的应用,提升Web开发技能。通过阅读这本书,开发者不仅能...

    javascriptDom编程艺术+源码

    书中首先介绍了JavaScript的基础知识,包括变量、数据类型、函数等基本概念,为后续DOM操作打下坚实基础。接着,深入探讨了DOM API,包括元素的选取、遍历、创建和修改,以及事件处理等关键主题。通过学习这些内容,...

    JavaScript DOM编程艺术(中文第2版)

    第1章 JavaScript简史 1.1 JavaScript的起源 1.2 DOM 1.3 浏览器战争 1.3.1 DHTML 1.3.2 浏览器之间的冲突 1.4 制定标准 1.4.1 浏览器以外的考虑 1.4.2 浏览器战争的结局 1.4.3 崭新的起点 1.5 小结 第2章 ...

    JavaScript DOM编程艺术(第2版).pdf

    《JavaScript DOM编程艺术(第2版)》是深入学习JavaScript与DOM操作的重要参考资料,它涵盖了JavaScript语言的基础以及在网页开发中如何有效地利用DOM进行动态交互的高级技术。这本书旨在帮助开发者提升JavaScript...

    JavaScriptDOM编程艺术.rar

    结合标签"js css",书中可能还会涉及CSS与JavaScript的交互,例如动态修改样式,通过JavaScript实现CSS动画,或者利用JavaScript操纵CSS预处理器(如Sass或Less)生成的样式。 通过阅读《JavaScript DOM编程艺术》...

    javascript dom编程艺术 第2版 源码

    1. **JavaScript基础**:在学习DOM编程之前,首先要掌握JavaScript的基础知识,包括变量、数据类型、控制结构(如条件语句和循环)、函数以及对象。这些是构建DOM操作脚本的基础。 2. **DOM概念**:DOM是文档对象...

    JavaScript基础和DOM API函数

    JavaScript是一种广泛应用于网页和网络应用的轻量级编程语言,主要负责给HTML页面添加交互性和动态功能。...JavaScript与DOM API的结合是现代Web开发不可或缺的部分,也是提升网页动态性和用户体验的关键。

    用Javascript DOM实现网页幻灯片动画实例.pdf

    insertAfter()函数是JavaScript DOM中一个重要的函数,用于在已有元素之后插入一个新元素。该函数可以用于实现网页幻灯片动画实例中的幻灯片播放效果。 知识点五:moveE()函数的应用 moveE()函数是JavaScript DOM...

    javascript DOM高级程序设计 及 javascript 设计模式

    《JavaScript DOM高级程序设计》 首先教你搭建一个类似JQuery的额工具函数库,然后通过讲解几个实际中经常遇到的几个应用例子,会让初学者受益匪浅 《JavaScript设计模式》主要讲Javascript的设计模式,说实话,翻译...

    原生JS经典小项目-DOM练习

    在本项目"原生JS经典小项目-DOM练习"中,我们将深入探讨JavaScript与DOM(文档对象模型)的交互,这是Web开发中的核心技能。DOM是HTML和XML文档的编程接口,它允许我们通过JavaScript来查找、修改和操作页面元素。在...

    JavaScript+DOM编程艺术(PDF格式原版+源代码)

    读者可以通过解压“JavaScript+DOM编程艺术源代码.zip”获取这些代码,然后在本地环境中运行和调试,以实现书中的各种效果。 在学习这本书的过程中,读者不仅会掌握JavaScript语言本身,还将学会如何利用DOM来操纵...

    JavaScript实现获取dom中class的方法

    本文主要介绍了如何使用JavaScript来获取DOM(文档对象模型)中具有特定class的DOM元素。在讲解的过程中,涉及到JavaScript操作DOM节点的一些基本技巧和方法,如使用`getElementsByClassName`和`...

    JavaScript+DOM编程艺术(最新中文版)

    JavaScript+DOM编程艺术是前端开发领域的一本经典著作,它深入浅出地讲解了JavaScript语言与DOM(Document Object Model)的交互技术。DOM是Web页面的结构化表示,JavaScript则是与DOM进行互动的主要脚本语言,这...

    JavaScript Dom编程艺术

    - 在JavaScript中通过查询选择器获取这些元素,并绑定相应的事件处理函数。 - 避免在HTML标签中直接添加JavaScript事件属性,如onclick等。 #### 四、渐进增强与优雅降级 书中还提到了两个重要的概念:**渐进...

Global site tag (gtag.js) - Google Analytics