`

Html Dom Javascript的一些想法

阅读更多
首先,需要确定一下这三者的次序问题,html是一个浏览器的网络超文本显示语言,是一种统一的标准,只有它的还是不行的,因为它只负责显示,浏览器依据其标签将它的解析常规文本;为了对html进行读取和修改,进行一些客户端的交互,我们需要对html的结构树进行定位,以便进行某些操作(Javascript就是针对html当中的若干节点进行操作和更改),这里就用到了DOM,它提供了对html结构树的读取和定位,包括CRUD操作;在之后即是javascript,它负责对当前网页当中的各个节点进行动态修改,提供了一些操作接口,是一种客户端程序。
其次,在html当中需要注意的一些知识点,a.节点包含原则,标签节点包含文本节点,文本并不是标签节点的value;b.标签开闭成对出现,除非出现空值节点,可以用html当中实体来代替"&nbsp;"即空格,当需要换行时用<br />,即当中的文本节点为空;c.针对html语言当中包含的一些字符,对应的有html实体的东西进行替代(eg: 在title即鼠标移上的提示文本进行换行用&#13;)。
关于DOM,DOM是一个针对格式化语言的解析工具,在对XML进行解析的时候也会用到DOM(在java当中,Repository是JDOM)。DOM本身包含三个方面HTML DOM、XML DOM、Core DOM;Core DOM--定义了一套标准的针对任何结构化文档的对象;XML DOM--定义了一套针对XML的对象;HTML DOM--定义了一套针对HTML的对象。DOM本质是连接HTML和Javascript的一个桥梁。
LiveScript在java盛兴的时候凑热闹,把自己变身为JavaScript(当然javascript本身也是一种OOP语言,其中ECMAScript为JS提供了一种实现标准),JavaScript本身提供了一部分编程对象,它同时也可以操作DOM HTML对象和Browser对象。一个javascript的实现包括三部分---ECMAScript,DOM HTML,Browser对象

关于,JavaScript函数触发逻辑,过程---首先定义页面事件(事件对象由JavaScript提供,但是由HTML进行动作触发);其次进行JavaScript函数调用(JavaScript函数执行);再接下来,在JavaScript函数内部定义到用于处理页面元素的DOM对象,三部分,JavaScript对象,Browser对象,DOM HTML对象;处理完成改变元素或者结构并触发HTML动作。
JavaScript对象和Browser对象 DOM对象 常用的是Document FrameSet IFraem

JQuery对JavaScript进行了一层封装,归根结底都是在对Html页面元素的操作,各层结构

JavaScript事件属性:


  • 大小: 93.2 KB
  • 大小: 33.7 KB
  • 大小: 14.1 KB
  • 大小: 1.7 KB
  • 大小: 20.9 KB
分享到:
评论

相关推荐

    json2html-dom-js

    [json2html]( )使用JavaScript DOM操作的适应 如果您尚未通过moappi签出json2html,请执行此操作。 该项目完全依赖于该项目。 json2html模板中的json对象中的模板。 进行转换时,html将作为文本返回。 我宁愿返回...

    view:一个虚拟 DOM 视图库

    这个库的灵感来自其他虚拟 DOM 框架中的一些想法: 、 、 和 。 目标 该库的目标是仅解决视图层(为 Web 应用程序创建动态 HTML)。 虚拟 DOM 视图 没有模板,只有 JavaScript 事件(onclick、onchange 等) 可...

    基于JavaScript实现区域范围内的离线电子地图

    本设计借助Visual Studio 2010平台,使用HTML(Hypertext Markup Language)语言和JavaScript(JS)语言,利用Div+css的布局技术与JS响应DOM(Document Object Model)事件技术,以网页的形式实现了离线电子地图的...

    domhide.js:隐藏和显示 DOM 节点的小型快速实用程序

    domhide.js背后的想法是保留标签的尺寸并从 DOM 中删除所有标签的子级,有效地释放内存(尤其是对图像标签有用)。 Tag 的 innerHTML 属性作为注释节点插入回 DOM。 为了扭转这一点,为了揭示标签的内部结构,评论...

    dom-overlays:一个功能孵化库,用于在WebXR内容中分层DOM内容。 功能负责人

    查看问题中是否正在讨论您的,或者是否正在讨论您的想法。 我们将发布每两周一次的通话记录。 您也可以加入工作组参加这些讨论。 规格 :WebXR的DOM覆盖模块规范 相关规格 WebXR设备API-级别1 :用于访问VR和AR...

    Javascript-Q:基于超轻量级JavaScript查询的库

    这个想法是,想要使用ES5之前的浏览器为客户提供服务的网站可以使用纯HTML来做到这一点,因为它们只占市场的很小一部分。版本q v2.316 qui v0.08特征轻量级:磁盘上33 KB(gzip后为10k) 兼容跨浏览器GPU优化的动画...

    AsyncDOM:在网络上玩弄异步 DOM 的样子

    一段时间以来,我一直有这个想法,您可以将对象(特别是 DOM)代理到 Web-Worker。 这意味着所有 DOM 访问本质上都是异步的,这应该会产生一个有趣的 API。 事实上,这不会给你带来很多好处。 但是,所有DOM调用仍...

    3D-motion:演示如何使用 HTML5 将 3D 模型与 HTML DOM 对象融合

    随着虚拟现实和增强现实的出现,这个演示可以成为一段很好的代码,可以用来激发新的想法。 PS看看Leap Motion,它可以成为一个有趣的界面; 特别是对于虚拟现实!它是如何工作的 ? 它非常易于使用,这一切都归功于...

    dom-destroyer

    使用 javascript 库和 。 Yuki Liang 的图形。 新名称由 Jason Behmer 提供。 下载 ( 或 + ) (任何支持 HTML5 canvas 标签的浏览器) 功能/想法待办事项: 爆炸图像。 保存分数(修复)。 字母残留(因为字母...

    metajs:MetaJS 是一组库,它使用 Web 组件和 HTML5 功能提供 UI 构建块

    MetaPlatform 的 metaJS UI 框架 ...纯 JavaScript DOM 模板。 看法 View 是可重用 metaJS 模板的包装器,并提供动态事件绑定 分段 Fragment 是基本的可重用 UI 块,它使用视图并添加视图逻辑。 示例用法

    calculator:使用MVC模式的香草JavaScript计算器

    单独使用LinkedList实现基础堆栈(LIFO)数据结构看法描述使用HTML,CSS和DOM操作(事件侦听器)生成并呈现计算器的显示。控制器描述连接计算器和视图,该视图将使用视图给出的用户数学表达式,并调用计算器来评估...

    JavaScript-Snake:用JavaScript编写的Snake游戏

    这是十年前我用JavaScript编写的基于DOM的Snake游戏。 它具有某种怀旧的感觉。 在线玩和编辑游戏! 现在,您可以在codeandbox中实时玩和编辑游戏: 初次加载时,有时游戏框架无法正确加载,您需要按其显示面板上方...

    microdom:一个不符合 w3c dom 规范的小 dom

    微世界 一个不符合 w3c dom 规范的小 dom 为什么? 写完jsdom后,有些事情一直困扰着我。... MicroNode s 有节点想法正常的 html 元素是什么以及它们是否是一个。 在许多情况下,这并不重要。 特别是在没有图形显示或

    guthrat-immobilien:房地产经纪人的网站(德语)。 所有的html元素都是使用Javascript动态创建的。 JS分为多个文件,并在部署前与webpack捆绑在一起

    使用此项目来学习Javascript modules并将其与webpack捆绑在一起通过将HTML文件尽可能保留为空并使用Javascript动态创建所有内容来提高DOM操作技能使设计具有响应性和直观性,查看设计布局学习定义最低限度的可行...

    week3.day1.moreDOM-and-Events

    更多DOM和事件指示随着课程的进展,项目将变得越来越开放,以适应您自己的想法和做事方式。 到现在为止,您已经在编程中看到了通常有很多方法来获得解决方案,并且允许您自己探索这个空间是很公平的。 话虽如此......

    jsdon:基于LinkeDOM思想的DOM序列化器

    JavaScript DOM对象表示法 该表示法考虑了两种表示形式,外加一种: 叶子是一个不能包含其他任何东西的节点 分支是可以包含分支或叶子的节点 树是代表整个文档的分支扩展 叶子 叶子由其类型和至少一个或多个字符串...

    JS性能优化实现方法及优点进行

    话不多说,提到javascript难免会联想到文档对象模型(DOM),它作用于XML和HTML文档的程序接口(API),位于浏览器中,主要用来与HTML文档打交道。同样也用于Web程序中获取XML文档,并使用DOM API来访问文档中的数据。...

    kanji:Web 声明式组件框架

    Kanji 背后的想法是,当您开发 Web 组件时,应该首先使用 HTML 和 CSS,然后只有在用户交互发生时才涉及 JavaScript。 Kanji 定义了一小组自定义 HTML 数据属性和简单的 JavaScript API 来构建优雅、标准化、可扩展...

    Todo-list-JS:使用LocalStorage在JavaScript中做一个简单的待办事项清单

    这是一个基于JavaScript的小型项目,可让LocalStorage的功能正常使用。 我们如何将数据保存到localStorage并删除它们。 另外,我们使用JS的DOM脚本和事件监听器功能。 对于一个想法,请参阅: Still we also have to...

    javascript实现别踩白块儿小游戏程序

    最近有朋友找我用JS帮忙仿做一个别踩白块的小游戏程序,但他给的源代码较麻烦,而且没有注释,理解起来很无力,我就以自己的想法自己做了这个小游戏,主要是应用JS对DOM和数组的操作。 程序思路:如图:将游戏区域...

Global site tag (gtag.js) - Google Analytics