精华内容
下载资源
问答
  • DOMjs DOM课程JS与JS的简单表
  • Javascript DOM

    2018-06-06 00:12:49
    Javascript DOM Javascript DOMJavascript DOMJavascript DOMJavascript DOMJavascript DOM
  • DOM.js DOM.js是一个轻量级的快速跨浏览器(IE 8 +,FF31 +,SF5 +,CH31 +,OP24 +)库,用于DOM遍历,操纵和事件处理。 Dom.js还包括用于简化跨浏览器拖动操作的拖动库。 仅压缩并压缩了5KB! API参考 目录 DOM...
  • JavaScript-DOM 使用JavaScript的CRUD项目。
  • javascript dom 操作详解 js加强操作实现代码。
  • js-domJS-DOM-源码

    2021-03-03 18:44:36
    js-dom JS-DOM
  • JavaScript DOM

    2017-10-26 14:58:08
    一.JavaScript DOM介绍 1.DOM是? 中文是文档对象模型 DOM是html文档的一个抽象 2.js语言,DOM,网页的关系 js语言操作DOMjs不能直接操作网页,只能通过DOM),DOM的变化映射到HTML,进而显示出来。  js---》DOM-...

    一.JavaScript DOM介绍

    1.DOM是?

    中文是文档对象模型

    DOM是html文档的一个抽象

    2.js语言,DOM,网页的关系

    js语言操作DOM(js不能直接操作网页,只能通过DOM),DOM的变化映射到HTML,进而显示出来。

            js---》DOM--->页面--》用户视觉


    3.模型---DOM树


    js要操作网页,就必须通过DOM树才可以;操作DOM数就要查找DOM树的根节点(文档)

    二.节点

    1.节点是?

    节点是构成我们网页的最基本的组成部分,网页中的每一个部分(对象)都可以称节点

    如:html标签,属性,文本,注释,整个文档等都是节点

    2.节点类型--按照大小关系分类

    ①文档节点:表示的是 整个html

    ②元素节点:表示的是  html中的标签

    ③属性节点:表示的是  html标签中的属性

    ④文本节点:表示的是  html标签中的内容 文本

    节点最终都是映射成js的对象,程序员操作这些对象来改变网页

    3.属性和方法



    4. document 对象?

    *document 对象是浏览器提供给js使用的对象

    *document 代表的是 整个页面

    *js语言操作页面都是通过document 对象操作

    *document 对象是浏览器内置的对象,不需要声明不需要实例化,直接使用

    console.log(document);

    注意:JS使用的对象有3类:

    ①程序员自定义的对象

    ②js语音自定义对象(date等)

    ③数组对象(浏览器定义的对象(document)


    三.节点对象的操作(重要)

    1.文档查询--标签

    *document.getElementById(“id值”);   //通过id获取一个元素节点对象    返回是对象
    *document.getElementsByTagName(“标签名”);//通过标签名获取一组元素节点对象  返回是数组
    *document.getElementsByName(“name值”);//通过那么属性获取一组元素节点对象    返回是数组

    eg:<button name="btn" id="mybtn">我是按钮1</button>

    var btns = document.getElementById("mybtn"); 

    var btns = document.getElementsByTagName("button");

    var btns = document.getElementsByName("btn"); 


    展开全文
  • npm-snl-domjs-源码

    2021-05-20 09:37:58
    SNL DOMjs NPM软件包版本的snl-domjs
  • / ** 这个javascript库供人们使用 了解如何在javascript中操作DOM, 以及如何在处理DOM时找到捷径* /
  • dom.js:dom.js源码-源码

    2021-03-23 16:22:32
    dom.js #自己封装的DOM操作
  • jsdom是许多Web标准(特别是WHATWG 和标准)的纯JavaScript实现,可与Node.js一起使用。 通常,该项目的目标是模拟Web浏览器的子集,从而足以用于测试和抓取实际的Web应用程序。 jsdom的最新版本需要Node.js v10或...
  • 内含css dhtml dom javascript5.0 等参考手册,以及一个很实用的颜色提取工具。
  • JavaScriptDOM基础 如果您对JavaScript的基本知识充满热情,那么掌握它非常重要。 如果您具有扎实JavaScript基础知识,那么在开始使用新框架时,唯一需要熟悉的就是语法。 基本规则将是相同的,因为在所有抽象层下...
  • DOMJavaScript的可操作性DOM en JavaScript
  • DOM(Document Object Model,文档对象模型)是W3C制定的一套技术规范,用来描述JavaScript脚本怎样与HTML或XML文档进行交互的Web标准。DOM规定了一系列标准接口,允许开发人员通过标准方式访问文档结构,操作网页...

    DOM基础

    DOM(Document Object Model,文档对象模型)是W3C制定的一套技术规范,用来描述JavaScript脚本怎样与HTML或XML文档进行交互的Web标准。DOM规定了一系列标准接口,允许开发人员通过标准方式访问文档结构,操作网页内容、控制样式和行为等。

    DOM各版本

    1998年W3C对DOM进行标准化,并先后推出了3个不同的版本,下面重点说明以下。注意,每个版本都是在上一个版本基础上进行完善和扩展。但是在某些情况下,不同版本之间可能会存在不兼容的规定。

    DOM 1.0

    1998年10月,W3C推出DOM1.0版本规范,作为推荐标准正式发布,主要包括两个子规范。

    • DOM Core (核心部分):
      把XML文档设计为树形节点结构,并为这种结构的运行机制制定了一套规范化标准。同时定义了创建、编辑、操纵这些文档结构的基本属性和方法。

    • DOM HTML:
      针对HTML文档、标签集合,以及与个别HTML标签相关的元素定义了对象、属性和方法。

    DOM 2.0

    2000年11月,W3C正式发布了更新后的DOM核心部分,并在这次发布中添加了一些新规范,于是人们就把这次发布的DOM称为2级规范。
    2003年1月,W3C又正式发布了对DOM HTML子规范的修订,添加了针对HTML4.01和XHTML1.0版本文档中很多对象、属性和方法。W3C把新修订的DOM规范同一称为DOM 2.0推荐版本,该版本主要包括6个推荐子规范。

    • DOM2 Core:
      继承自DOM Core子规范,系统规定了DOM文档结构模型,添加了更多的特性,如针对命名空间的方法等
    • DOM2 HTML:
      继承自DOM HTML,系统规定了针对HTML的DOM文档结构模型,并添加了一些属性。
    • DOM2 Events:
      规定了与鼠标相关的事件(包括目标、捕获、冒泡和取消)的控制机制,但不包含与键盘相关事件的处理部分
    • DOM2 Style(或DOM2 CSS):
      提供了访问和操纵所有与CSS相关的样式及规则的能力
    • DOM2 Traversal和DOM2 Range:
      DOM2 Traversal规范允许开发人员通过迭代的方式访问DOM,DOM2 Range规定允许对指定范围的内容进行操作
    • DOM2 View:
      提供了访问和更新文档表现(视图)的能力

    者6个部分之间关系如下图,从中可以看到它们之间存在很大的关联性。DOM 2.0 已经称为目前各大浏览器支持的主流标准,但是早期IE对于该规范的支持还是不尽人意。

    DOM 2.0 各个子规范之间的关系:
    在这里插入图片描述

    DOM 3.0

    2004年4月,W3C发布了DOM 3.0 版本。DOM3级版本主要包括以下3个推荐子规范。

    • DOM3 Core:
      继承与DOM2 Core,并添加了更多的新方法和属性,同时修改了已有的一些方法

    • DOM3 Load and Save:
      提供将XML文档的内容加载到DOM文档中,以及将DOM文档序列化为XML文档的能力

    • DOM3 Validation:
      提供了确保动态生成的文档有效性的能力,即如何符合文档类型声明。

    展开全文
  • js_dom_jquery 用于DOMJavaScript的快速参考指南。
  • 包含css js dom javascript sql手册
  • 今天继续学习JavaScript,该笔记主要记录JavaScript的循环、JS HTML DOMJS Window。 JavaScript的for循环与white循环: 循环可以将代码块执行指定的次数。 JavaScript 支持不同类型的循环: for - 循环...

    今天继续学习JavaScript,该笔记主要记录JavaScript的循环、JS HTML DOM、JS Window。

    JavaScript的for循环与white循环:

    循环可以将代码块执行指定的次数。

    JavaScript 支持不同类型的循环:

    • for - 循环代码块一定的次数
    • for/in - 循环遍历对象的属性
    • while - 当指定的条件为 true 时循环指定的代码块
    • do/while - 同样当指定的条件为 true 时循环指定的代码块
    • 本处主要展示for/in和while这两个循环。
    • for/in:
    • eg.
    • 结果
    • while:
    • eg.
    • 结果:
    HTML DOM(文档对象模型):
    通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。

          HTML DOM 模型被构造为对象的树。

    HTML DOM 树:

    查找HTML 元素
    首先找到该元素。有三种方法来做这件事:
    • 通过 id 找到 HTML 元素
    • 通过标签名找到 HTML 元素
    • 通过类名找到 HTML 元素
    • 注意:通过类名查找 HTML 元素在 IE 5,6,7,8 中无效。
    • eg.

    • 结果:
    改变 HTML 元素:
    比较好的例子:使元素不可见。改变元素内容样式(大小写)(onchange)
    eg.
    界面及结果:
    对事件作出反应:
    向 button 元素分配 onclick 事件:
    eg.
    结果
    mouse事件:
    eg.
    结果
    鼠标点击事件:
    onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时,会触发 onmousedown 事件,
    当释放鼠标按钮时,会触发 onmouseup 事件,最后,当完成鼠标点击时,会触发 onclick 事件。
    eg.
    结果
    添加和删除节点(HTML 元素):
    eg.
    结果:


    展开全文
  • dom api手册,javascript dom,js dom,java dom
  • 一个非常简单和小型的 JavaScript 库,用于处理 DOM。 语法很大程度上受到 jQuery 的启发,所以大多数事情应该很熟悉。 dom.js 的主要焦点是占用空间小。 主要焦点不是浏览器支持,但是在所有主要浏览器的最新版本...
  • domjavascript关系

    2009-12-07 17:34:36
    domjavascript关系domjavascript关系domjavascript关系domjavascript关系domjavascript关系domjavascript关系domjavascript关系
  • JavaScript DOM编程

    2021-06-12 06:05:41
    JavaScript DOM 编程是编写 Ajax 程序的必备技术,也是 Java 程序员必须掌握且熟练运用的技术之一。本视频教程涵盖 JavaScript DOM 编程的全部核心技术。
  • jsdom进行截图代码

    千次阅读 2018-10-17 10:05:18
    代码如下 &lt;!doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&...canva

    代码如下

    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>Document</title>
    </head>
    <body>
    <canvas id="canvas" style="border:2px solid black;" width="200" height="200">
    </canvas>
    <script>
      var canvas = document.getElementById('canvas');
      var ctx = canvas.getContext('2d');
      var data = '<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">' +
        '<foreignObject width="100%" height="100%">' +
        '<div xmlns="http://www.w3.org/1999/xhtml" style="font-size:40px">' +
        '<em>I</em> like ' +
        '<span style="color:white; text-shadow:0 0 2px blue;">' +
        'cheese</span>' +
        '</div>' +
        '</foreignObject>' +
        '</svg>';
      var DOMURL = window.URL || window.webkitURL || window;
      var img = new Image();
      var svg = new Blob([data], {type: 'image/svg+xml'});
      var url = DOMURL.createObjectURL(svg);
      img.onload = function() {
        ctx.drawImage(img, 0, 0);
        DOMURL.revokeObjectURL(url);
      }
      img.src = url;
    </script>
    </body>
    </html>
    
    
    
    展开全文
  • Node.js中操作DOM - jsdom

    2020-12-10 07:22:15
    > jsdom可以在node.js库中,使用类似dom原生API的方式,操作html...const jsdom = require("jsdom"); const { JSDOM } = jsdom; const dom = new JSDOM(`<html><head></head><body><...
  • DOMJS

    2021-09-16 19:41:02
    一.DOM的基本定义 DOM文本对象模型(document object model)是W3C组织推荐的处理可扩展置标语言的标准编程接口.它定义了访问文档的标准:“DOM是一种与平台和语言无关的应用程序接口(API),,它允许程序和脚本动态地...
  • JavaScript & DOM Enlightenment JavaScript & DOM Enlightenment JavaScript & DOM Enlightenment
  • javascript+dom

    2017-03-05 21:24:12
    javascript+dom
  • JavaScript Dom编程艺术

    2018-04-09 17:22:33
    JavaScript Dom编程艺术JavaScript Dom编程艺术JavaScript Dom编程艺术JavaScript Dom编程艺术JavaScript Dom编程艺术JavaScript Dom编程艺术JavaScript Dom编程艺术

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 568,839
精华内容 227,535
关键字:

domjs截图