位置: 编程技术 - 正文

JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系

编辑:rootadmin

推荐整理分享JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

区别:

javascript

JavaScript 是因特网上最流行的浏览器脚本语言。很容易使用!你一定会喜欢它的!

JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。

HTML DOM

HTML DOM 是 W3C 标准(是 HTML 文档对象模型的英文缩写,Document Object Model for HTML)。

HTML DOM 定义了用于 HTML 的一系列标准的对象,以及访问和处理 HTML 文档的标准方法。

通过 DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性。可以对其中的内容进行修改和删除,同时也可以创建新的元素。

HTML DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java、JavaScript 和 VBScript 使用。

联系:

通过 JavaScript,您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。

要改变页面的某个东西,JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口,连同对 HTML 元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型来获得的(DOM)。Javascript主要是利用HTML DOM去获得、改变、创建HTML元素,从而达到美化页面、操作页面元素的目标。因此,在Javascript中最常见的就是各种各样的HTML DOM元素以及它们各自的属性。除了这些DOM元素外,Javascript有自己的对象,例如数组。

简单说,可以认为Javascript主要是操纵HTML DOM。两者是不一样的。 Javascript是语言,DOM是可以在各种语言中(不仅js,php也有的)动态修改文档的模型。

下面单独拉出JavaScript与DOM的关系给大家详解

JavaScript与浏览器的工作

1.浏览器获取并加载你的页面,从上至下解析它的内容。

 遇到JavaScript时,浏览器会解析代码,检查它的正确性,然后执行代码。

 浏览器还会建立一个HTML页面的内部模型(DOM)。

JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系

2.JavaScript继续执行,使用DOM检查页面、完成修改、从页面接受事件,或者要求浏览器从Web服务器获取其它数据。

JavaScript如何与页面交互?

JavaScript是代码,HTML是标记,完全不同的东西

怎么让它们交互呢?

答案是使用文档对象模型(Docunment Object Model,简称DOM)。

DOM的妙处在于:它能够在所有浏览器上提供一种一致的方式,通过代码访问HTML的结构和内容。

1、在浏览器加载一个页面时,浏览器会解析HTML,并创建文档的一个内部模型,其中包含HTML标记的所有元素。

2、JavaScript可以与DOM交互(JavaScript使用DOM创建或删除元素等等)

document是一个反映HTML的对象,通过调用document的方法改变DOM的状态,也就是改变HTML页面

3、JavaScript修改了DOM时,浏览器会随着动态更新页面。

自制DOM

材料:格式正确的HTML5页面,WEB浏览器

做法:

 1、在最上面创建一个document节点

 2、取HTML页面的最顶层元素,在这里就是<HTML>元素,把它作为document的子节点加到DOM中

 3、对于当前元素中嵌套的每一个元素,将该元素作为当前元素的子节点增加到DOM

 4、对于刚增加的元素,执行第三步,重复工作,直到处理完所有元素

HTML页面如下  

得到的DOM如下图

apply和call方法定义及apply和call方法的区别 如果没接触过动态语言,以编译型语言的思维方式去理解javaScript将会有种神奇而怪异的感觉,因为意识上往往不可能的事偏偏就发生了,甚至觉得不可理喻.

深入浅析JavaScript中prototype和proto的关系 prototype,每一个函数对象都有一个显示的prototype属性,它代表了对象的原型(Function.prototype函数对象是个例外,没有prototype属性)。__proto__:每个对象都有一个

javascript中window.open在原来的窗口中打开新的窗口(不同名) 最近做一个JSP网页要求打开一个没有菜单工具栏的IE,想到用window.open来打开。但是发现如果先前打开的窗体没有关掉,在打开一个窗体的时候就会在先

标签: JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系

本文链接地址:https://www.jiuchutong.com/biancheng/384601.html 转载请保留说明!

上一篇:JS使用eval解析JSON的注意事项分析(js eval)

下一篇:apply和call方法定义及apply和call方法的区别(call和apply用法)

  • 税控盘抄报逾期怎么办
  • 个人所得税速算扣除数表
  • 资源税的计税依据煤炭
  • 小规模纳税人劳务派遣差额征税税率
  • 公司车转个人名下要交多少税
  • 12月工资1月发个税怎么算
  • 建筑公司没有资质可以施工吗
  • 企业递延所得税费用的计算公式
  • 股东在两个公司上班好吗
  • 服务类公司没有营业执照
  • 小企业销售费用多少算高
  • 增值税专票怎么抵扣
  • 长期借款会计科目编码
  • 事业单位破产清算程序规定
  • 营业执照首次年报
  • 有开发票就要交印花税吗?
  • 厂家取得的销售收入
  • 房地产开发企业预收款预缴增值税
  • 个人公寓出租给公司要交税吗?
  • 建筑公司材料费属于什么科目
  • 销售收入里面包括免税收入呢
  • 出票人账号是付款号吗
  • 纳税能力体现的内容
  • 增值税减免税明细表
  • 知识产权代理公司前景如何
  • Win10怎么关闭搜索框
  • 在win7系统中如何让电脑恢复出厂设置方法
  • php 字符串函数
  • 公司和个人分别交税一部分吗
  • kcleaner.exe是什么
  • windows server 2016 配置web网页
  • 建筑企业项目部开户
  • phppoem
  • linux服务有哪些
  • 研发费用税前加计扣除怎么算
  • vue 使用高德地图
  • 人工智能时代如何培养孩子
  • 企业出租房屋怎么做账
  • 上月未开发票的销项税,已经申报缴税,在本月开了票,应该如何填报?
  • 报废的设备怎么处理
  • php 计算
  • 管理费用科目核算的内容
  • 员工的工资属于什么资产
  • 运输途中发生的费用
  • 一个月可以勾选多少进项税额
  • 给股东分配股利
  • sql server中数据文件的扩展名是
  • 抵扣是什么意思大白话...举例
  • 固定资产的货币资金包括
  • 工程分包需要注意什么
  • 科目余额表平是什么情况
  • 社保补缴收滞纳金吗
  • 收据可以入账吗,符合税法规定吗
  • 劳务派遣的公司值得去吗
  • 收到法人的借款怎样写摘要
  • 稳岗返还计入营业外收入
  • 管理费用和销售费用属于什么科目
  • 收到退回多付的材料退款
  • 专票三流合一
  • 药品进销差价科目明细
  • 在建工程转固定资产的账务处理
  • csrsyncmlserver.exe是什么文件
  • 苹果笔记本安装win10
  • w10消费者版本和专业版区别
  • shpc32.exe - shpc32是什么进程 有什么用
  • win7系统电脑硬盘图标变了,控制面板也打不开
  • cocos2dx游戏有哪些
  • div垂直居中怎么设置css
  • jquery函数定义
  • bat 远程连接
  • 拨号器怎么用
  • python在windows
  • python3.9爬取网页教程
  • js中如何弹出提示框
  • python多线程技术
  • 没有核定印花税罚款吗
  • 一般纳税人提供公共交通运输服务免征增值税
  • 税务局宣传报道
  • 国家税务总局查询发票
  • 一般纳税人认定书
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设