0

0

一起聊聊JavaScript与HTML之间有什么区别与关联

WBOY

WBOY

发布时间:2022-08-05 14:26:25

|

3192人浏览过

|

来源于CSDN

转载

本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于javascript和html之间的关联与区别的相关问题,html是一种标识性的语言,javascript是一种解释型的脚本语言,下面一起来看一下,希望对大家有帮助。

一起聊聊JavaScript与HTML之间有什么区别与关联

【相关推荐:javascript视频教程web前端

什么是HTML?

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

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

立即学习Java免费学习笔记(深入)”;

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

什么是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中。

Background Eraser
Background Eraser

AI自动删除图片背景

下载

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

3、标准化区别

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

4、兼容性区别

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

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

如何关联JS与HTML

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

1.js通过id操作html组件

代码示例


//设定组件的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属性响应按钮


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

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

【相关推荐:javascript视频教程web前端

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
菜鸟裹裹入口以及教程汇总
菜鸟裹裹入口以及教程汇总

本专题整合了菜鸟裹裹入口地址及教程分享,阅读专题下面的文章了解更多详细内容。

0

2026.01.22

Golang 性能分析与pprof调优实战
Golang 性能分析与pprof调优实战

本专题系统讲解 Golang 应用的性能分析与调优方法,重点覆盖 pprof 的使用方式,包括 CPU、内存、阻塞与 goroutine 分析,火焰图解读,常见性能瓶颈定位思路,以及在真实项目中进行针对性优化的实践技巧。通过案例讲解,帮助开发者掌握 用数据驱动的方式持续提升 Go 程序性能与稳定性。

9

2026.01.22

html编辑相关教程合集
html编辑相关教程合集

本专题整合了html编辑相关教程合集,阅读专题下面的文章了解更多详细内容。

56

2026.01.21

三角洲入口地址合集
三角洲入口地址合集

本专题整合了三角洲入口地址合集,阅读专题下面的文章了解更多详细内容。

51

2026.01.21

AO3中文版入口地址大全
AO3中文版入口地址大全

本专题整合了AO3中文版入口地址大全,阅读专题下面的的文章了解更多详细内容。

397

2026.01.21

妖精漫画入口地址合集
妖精漫画入口地址合集

本专题整合了妖精漫画入口地址合集,阅读专题下面的文章了解更多详细内容。

118

2026.01.21

java版本选择建议
java版本选择建议

本专题整合了java版本相关合集,阅读专题下面的文章了解更多详细内容。

3

2026.01.21

Java编译相关教程合集
Java编译相关教程合集

本专题整合了Java编译相关教程,阅读专题下面的文章了解更多详细内容。

16

2026.01.21

C++多线程相关合集
C++多线程相关合集

本专题整合了C++多线程相关教程,阅读专题下面的的文章了解更多详细内容。

11

2026.01.21

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号