html代码和JS代码有什么区别

一、基础不同

1、JS代码：基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。

2、html代码：是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。

二、用处不同

1、JS代码：用于Web应用开发,常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。

2、html代码：结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。

三、特点不同

1、JS代码：主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。

2、html代码：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。

参考资料来源：百度百科-JS脚本

参考资料来源：百度百科-html代码

Web标准是由一系列规范组成，由于Web设计越来越趋向于整体化与结构化，此前的Web标准也逐步成为由三大部分组成的标准集：结构(Structure)、表现(Presentation)和行为(Behavior)。对应的网站标准也分三方面：结构化标准语言、表现标准语言(主要包括CSS)和行为标准。\x0d\x0a其中，html就是结构，主要存放网页一元素；\x0d\x0acss就是表现，对元素的样式进行设置，例如宽度，高度，位置，字体等等；\x0d\x0ajavascript就是行为，对元素取值，动态的改变等等

1、新建一个html文件，命名为test.html。

2、在test.html文件内，创建一个div模块，并设置其id属性为mydiv，用于下面使用js获得标签对象。

3、在test.html文件内，在div标签内，填写一段文字，并加入一个span标签。

4、在test.html文件内，创建一个button按钮，按钮名称为“获取html”。

5、给button绑定onclick点击事件，当按钮被点击时，执行myfun()函数。

6、在test.html文件内，在js标签内，创建myfun（）函数，在函数内，使用getElementById（）方法获得div对象，通过innerHMTL属性获得div内的html内容，最后，使用alert方法将获得的html内容以d窗形式显示

7、在浏览器打开test.html文件，点击按钮，查看获得的html标签内容。

---