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

html-css010

html代码和JS代码有什么区别,第1张

一、基础不同

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

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

二、用处不同

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

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

三、特点不同

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

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

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

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

我们编写html的时候经常需要调用JS的相关代码,那么如何在HTML中调用JS的代码呢?下面我给大家分享一下。

工具/材料

Sublime text

01

首先打开Sublime text软件编写一个html页面,如下图所示

02

然后我们在html页面中添加script标签,在script里简单的写一些JS的代码,如下图所示

03

接下来可以定义一个button按钮,通过其click事件来调用JS的代码,如下图所示

04

当然,如果调用的JS代码是外部的文件,则需要在开头的head标签内进行引入才可以使用,如下图所示