Html Dom Javascript的一些想法

首先,需要确定一下这三者的次序问题,html是一个浏览器的网络超文本显示语言,是一种统一的标准,只有它的还是不行的,因为它只负责显示,浏览器依据其标签将它的解析常规文本;为了对html进行读取和修改,进行一些客户端的交互,我们需要对html的结构树进行定位,以便进行某些操作(Javascript就是针对html当中的若干节点进行操作和更改),这里就用到了DOM,它提供了对html结构树的读取和定位,包括CRUD操作;在之后即是javascript,它负责对当前网页当中的各个节点进行动态修改,提供了一些操作接口,是一种客户端程序。
其次,在html当中需要注意的一些知识点,a.节点包含原则,标签节点包含文本节点,文本并不是标签节点的value;b.标签开闭成对出现,除非出现空值节点,可以用html当中实体来代替" "即空格,当需要换行时用<br />,即当中的文本节点为空;c.针对html语言当中包含的一些字符,对应的有html实体的东西进行替代(eg: 在title即鼠标移上的提示文本进行换行用 )。
关于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对象
[img]http://dl.iteye.com/upload/attachment/335929/a14370a9-e221-354a-aa40-4b4915f1b78b.gif[/img]
关于,JavaScript函数触发逻辑,过程---首先定义页面事件(事件对象由JavaScript提供,但是由HTML进行动作触发);其次进行JavaScript函数调用(JavaScript函数执行);再接下来,在JavaScript函数内部定义到用于处理页面元素的DOM对象,三部分,JavaScript对象,Browser对象,DOM HTML对象;处理完成改变元素或者结构并触发HTML动作。
[table]
|JavaScript对象和Browser对象 |DOM对象 常用的是
Document FrameSet IFraem|
|[img]http://dl.iteye.com/upload/attachment/335868/f4cf886a-447c-3afe-a681-c4c96ab3467d.jpg[/img]|[img]http://dl.iteye.com/upload/attachment/335862/794e4f7f-c443-316b-8e9f-15e1d13640b3.jpg[/img]|
[/table]
JQuery对JavaScript进行了一层封装,归根结底都是在对Html页面元素的操作,各层结构
[img]http://dl.iteye.com/upload/attachment/337560/56df7ee6-1a8a-3527-941b-2250665ae246.jpg[/img]
JavaScript事件属性:
[img]http://dl.iteye.com/upload/attachment/335860/3e4318ca-5f5a-37b8-892a-e01c32cbe135.jpg[/img]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。
经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。
经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 经导师精心指导并认可、获 98 分的毕业设计项目!【项目资源】:微信小程序。【项目说明】:聚焦计算机相关专业毕设及实战操练,可作课程设计与期末大作业,含全部源码,能直用于毕设,经严格调试,运行有保障!【项目服务】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值