(1)JavaScript DOM在什么位置编写代码

最新推荐文章于 2023-12-11 19:18:37 发布

有个机车梦

最新推荐文章于 2023-12-11 19:18:37 发布

阅读量416

点赞数

分类专栏： JavaScript DOM

本文链接：https://blog.csdn.net/Yuz_99/article/details/84369276

版权

DOM： Document Object Model（文本对象模型）

D：文档 - html文档或 xml文档
O：对象 - document对象的属性和方法
M：模型
DOM 是针对xml（html）的基于数的API
DOM 树：节点（node）的层次
DOM 把一个文档表示为一棵家谱树（父，子，兄弟）
DOM 定义了Node的接口以及许多种节点类型来表示XML节点的多个方面

节点及其类型
节点（node）：来源于网络理论，代表网络中的一个连接点。网络是由节点构成的集合
1）.元素节点
2）.属性节点：元素的属性，可以直接通过属性的方式来操作；
3）.文本节点：是元素节点的子几点，其内容为文本。

创建web工程的步骤在eclipse中
new -》 file -》选择 Dynamic Web Project
在WebContent底下创建一个包围javascript 底下创建一个helloworld.html 的文件
运行过程 右键点击 open with -》Web Browser
如果是切换成Html编辑 open with -》HTML Editor

各种位置编写代码的比较
@@@1 —
弊端:
HTML代码和 JS代码相耦合

</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

	<!--  HTML代码 和  JS代码相耦合  -->
	<button onclick="alert('helloworld...');">ClickMe<

最低0.47元/天解锁文章

有个机车梦

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
(1)JavaScript DOM在什么位置编写代码

DOM： Document Object Model（文本对象模型）D：文档 - html文档或 xml文档O：对象 - document对象的属性和方法M：模型DOM 是针对xml（html）的基于数的APIDOM 树：节点（node）的层次DOM 把一个文档表示为一棵家谱树（父，子，兄弟）DOM 定义了Node的接口以及许多种节点类型来表示XML节点的多个方面节点...
复制链接

扫一扫

专栏目录