温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

JavaScript与HTML之间的区别与关联是什么

发布时间:2022-08-05 16:22:46 来源:亿速云 阅读:153 作者:iii 栏目:web开发

本篇内容介绍了“JavaScript与HTML之间的区别与关联是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

JavaScript与HTML之间的区别与关联是什么

什么是HTML?

HTML称为超文本标记语言(HyperText Markup Language),是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。

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

超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。

什么是JavaScript?

JavaScript是一种高级的、解释型、直译式脚本语言,是一种基于原型、函数先行的语言,是一门多范式的语言,它支持面向对象编程,命令式编程,以及函数式编程。

Javascript被归类为直译语言,因为主流的引擎都是每次运行时加载代码并解译。

JavaScript已经由ECMA(欧洲计算机制造商协会)通过ECMAScript实现语言的标准化。它被世界上的绝大多数网站所使用,也被世界主流浏览器(Chrome、IE、Firefox、Safari、Opera)支持。

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。

HTML和JavaScript的区别

1、本质区别

HTML是一种标记语言,没有逻辑功能;JavaScript是一种脚本语言,像c,java一样,具有逻辑功能。

2、用法区别

HTML在网页上提供静态内容。JavaScript向静态网页添加动态功能。

html是网页制作的基础,做出来的是静态的,js是脚本,跟html结合起来生成功能更强大的网页。可以处理一些动态的逻辑问题。

JavaScript可以被嵌入HTML中,但HTML无法嵌入JavaScript中。

javaScript是区分大小写的,而html不是很严格。

3、标准化区别

HTML基于W3C和WHATWG标准,JavaScript基于ECMA标准。

4、兼容性区别

HTML是跨浏览器兼容的,这意味着它可以兼容所有web浏览器的所有版本,包括现代浏览器。所有的浏览器,无论是旧的还是新的,默认情况下都将无法识别的元素处理为内联元素,这使得旧的web浏览器很容易处理未知的HTML元素。

另一方面,JavaScript缺乏跨浏览器兼容性,这使得一些函数与某些浏览器不兼容。

如何关联JS与HTML

注:单独的js文件需要先导入html文件,代码才能生效。方法参见该连接link

1.js通过id操作html组件

代码示例

<!--html代码-->
<input type="text" id="myqr">//设定组件的id为“myqr”

通过document.getElementById()函数将组件与js变量关联

然后通过 (该变量.属性名)来操作组件对应属性

//js代码
var love = document.getElementById('myqr');//通过id获取对应组件的索引
var a = love.value;//将组件的value属性值赋给变量a
love.value = "love you so much";//将组件的输入内容设为该字符串
love.type = "file";//将组件的输入类型设为文件

2. JS函数通过onclick属性响应按钮

<!--html代码-->
<button onclick="myqr()">完成</button>

将按钮组件的onclick属性设为myqr()则点击该按钮时将触发js的myqr()函数

//js代码
function  myqr(){
   alert("love you so much");
}

“JavaScript与HTML之间的区别与关联是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站,小编将为大家输出更多高质量的实用文章!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI