`

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将作为文本返回。 我宁愿返回...

    非常漂亮javascript的日历组件

    在使用这个JavaScript日历组件时,开发者需要将源代码引入到HTML页面中,然后通过JavaScript调用相应的API来初始化和配置组件。例如,设置默认语言、更改日历颜色主题、添加事件监听器等。通过深入研究组件的文档和...

    基于JavaScript的飞机大战源码

    【JavaScript飞机大战游戏源码详解】 JavaScript是一种广泛用于网页和网络应用开发的脚本语言,它在浏览器环境中运行,...如果你对代码有疑问或者有改进的想法,可以在代码中添加注释或留言交流,共同提升技术水平。

    JavaScript-code_sampe

    - **DOM操作**:DOM(Document Object Model)是HTML和XML文档的编程接口,JavaScript可以用来查找、访问、修改和删除文档元素。 - **事件处理**:JavaScript通过事件监听器处理用户交互,如点击、滚动、键盘输入等...

    JavaScript王者归来(目录)

    - 反驳了认为JavaScript只适用于初级开发者的想法,并强调其强大的专业用途。 - **1.1.3.5 JavaScript是面向对象的吗** - 介绍了JavaScript作为一种多范式的语言,既支持面向对象编程也支持函数式编程。 - **1.1...

    精通JavaScript.pdf

    根据给定的信息,“精通JavaScript.pdf”这一文档主要聚焦于JavaScript编程语言的学习与应用。下面将对JavaScript的基础概念、核心功能以及Ajax技术等进行详细的解析。 ### JavaScript基础 #### 1. 什么是...

    Javascript 特效 - 放大镜

    总的来说,实现JavaScript放大镜特效需要理解JavaScript的基本语法和DOM操作,熟悉事件处理机制,并且可能需要使用到一些辅助库或工具。通过阅读提供的源码和说明文件,开发者可以学习到如何创建这种交互式的用户...

    view:一个虚拟 DOM 视图库

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

    JavaScript网页特效地址

    此外,JavaScript还可以用来处理用户输入的数据、操作DOM(文档对象模型)、发送异步请求等,这些功能对于构建现代Web应用程序至关重要。 ### 如何利用http://edu.cnzz.cn/javascript/学习JavaScript网页特效 ####...

    liuMVC_javascript_源码

    6. **增加的想法**:描述中的“增加的想法”可能指的是项目中包含了一些创新的实现,比如新的数据管理策略、用户交互方式或者优化的性能特性。具体实现需要查看源代码才能得知。 这个项目作为一个学习资源,可以...

    JavaScript 使用详解

    - **DOM操作**:JavaScript可以修改HTML元素、属性和样式,实现页面动态更新。 - **AJAX**:异步JavaScript和XML,用于在不刷新整个页面的情况下与服务器交换数据。 - **BOM处理**:浏览器对象模型,控制浏览器...

    网站模板html5秀气清爽个人博客html源码模板.zip

    jQuery是一个常用的JavaScript库,它简化了DOM操作,使得动态效果的实现更加容易。 此外,考虑到SEO(搜索引擎优化),模板应该遵循最佳实践,比如合理使用标签、添加alt属性到图片、使用合适的标题层级等,以提升...

    JavaScript_现在我们已经变得非常大,与最初的想法不同,收集各种类别的高级软件.zip

    在前端开发中,JavaScript是网页动态效果的核心,通过DOM(Document Object Model)操作,可以改变HTML元素、处理用户事件、实现页面动画,提供丰富的用户体验。随着库和框架如jQuery、React、Vue和Angular的出现,...

    javascript图片放大效果

    另外,`新建 文本文档.txt`可能是开发过程中的日志文件或笔记,对于实现图片放大效果本身并不直接相关,但可能包含了开发者在实现过程中的一些想法或调试信息。 总的来说,实现JavaScript图片放大效果涉及到HTML、...

    JavaScript_它是一个基于现代浏览器中CSS3转换和过渡功能的表示框架,并受到prezicom背后的想法的启发.zip

    JavaScript可以通过操作DOM(文档对象模型)来改变元素的CSS属性,从而触发这些转换和过渡。 impress.js是一个开源的JavaScript库,由 Bartek Szopka 创建,受到了prezi.com的理念启发。Prezi是一款在线演示工具,...

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

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

    html_project:一些HTML + CSS +一点JS

    在“html_project”这个压缩包中,我们看到的是一个基于HTML、CSS和JavaScript的基础Web开发项目。这三种技术是构建现代网页和交互式用户界面的核心工具。以下是对这些技术及其在项目中的应用进行的详细说明。 **...

    Magic Notes App in JavaScript with Source Code.zip

    1. **DOM操作**:JavaScript通过Document Object Model(DOM)来操作HTML元素。在这个应用中,JavaScript可能用于创建新的笔记元素,修改已有笔记,或者响应用户的交互事件,如点击按钮或链接。 2. **本地存储**:...

    开源Javascript框架 decj.zip

    **开源Javascript框架 DecJ** DecJ 是一个专为Web前端开发设计的开源JavaScript框架,它引入了一种...通过深入研究这个开源框架,你不仅可以提升自己的JavaScript技能,也可能为整个Web开发社区贡献新的想法和改进。

    HTML个人主页模板(1).zip

    如果你还不熟悉JavaScript,学习一些基础的DOM操作和事件处理将有助于增强模板的交互性。此外,对于服务器和域名的知识也有所帮助,因为要将个人主页发布到互联网上,你需要将文件上传到服务器,并设置相应的域名...

Global site tag (gtag.js) - Google Analytics