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

本篇文章给大家带来了关于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中。

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属性值赋给变量alove.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前端】

以上就是一起聊聊JavaScript与HTML之间有什么区别与关联的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2699425.html

(0)
上一篇 2025年3月7日 18:58:40
下一篇 2025年2月25日 19:39:40

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 实例详解之操作单个dom元素添加动画

    本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于操作dom元素添加动画效果的相关问题,下面一起来看一下,希望对大家有帮助。 【相关推荐:javascript视频教程、web前端】 DOM动画效果 让一个元素从左至右…

    2025年3月7日 编程技术
    200
  • JavaScript中window对象常用方法总结

    本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于window对象常用方法的相关问题,包括了alert、confrim、prompt等等内容,下面一起来看一下,希望对大家有帮助。 【相关推荐:javascript视频…

    2025年3月7日 编程技术
    200
  • 完全掌握DOM属性成员与文档流

    本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于dom属性成员与文档流的相关问题,将窗体自上而下分成一行一行,并在每行中按从左至右的挨次排放元素,即为文档流,下面一起来看一下,希望对大家有帮助。 【相关推荐:jav…

    2025年3月7日 编程技术
    200
  • javaScript归纳总结之Dom获取集合元素对象

    本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了dom获取集合元素对象的相关问题,可以使用for或for…of循环迭代集合中的元素对象,以操控其属性和方法,下面一起来看一下,希望对大家有帮助。 【相关推荐:…

    2025年3月7日
    200
  • JavaScript怎么通过querySelectorAll()方法查找html元素

    本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了queryselectorall方法的使用,该方法可以返回文档中匹配指定 css 选择器的所有元素,返回 nodelist 对象,下面一起来看一下,希望对大家有帮助。 【…

    2025年3月7日
    200
  • JavaScript HTML DOM导航(总结分享)

    本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了html dom导航的相关问题,下面一起来看一下,希望对大家有帮助。 【相关推荐:javascript视频教程、web前端】 JS HTML DOM 导航 通过 HTML…

    2025年3月7日 编程技术
    200
  • 归纳分享DOM节点属性知识点

    本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了dom节点属性的相关问题,dom节点的属性取决于它们的类,下面一起来看一下,希望对大家有帮助。 【相关推荐:javascript视频教程、web前端】 经过前几篇文章的学…

    2025年3月7日 编程技术
    200
  • 快速讲解JavaScript如何操作元素内容

    本篇文章给大家快速讲解JavaScript是如何操作元素的内容,很简单,希望对需要的朋友有所帮助! 规律:从当前元素中获取到的都是字符串 原则:给值就是设置,不给值就是获取 分为3类: 1,操作表单元素内容 设置:  表单元素.value=…

    编程技术 2025年3月7日
    200
  • 详解JavaScript实现全选和反选的功能(附代码示例)

    本篇文章给大家介绍原生js是怎么实现全选和反选的功能的,希望对需要的朋友有所帮助! 思路:首先我们获取节点遍历每个节点 获取到checked的属性然后我们通过改变checked的属性改变选中的状态全选的时候我们让他们都为true 反选的时候…

    2025年3月7日
    200
  • 一文详解Javascript类选择器方法

    本篇文章给大家介绍有关Javascript类选择器方法,希望对需要的朋友有所帮助! javascript类选择器方法 浏览器作为一个生态和平台,它会提供一系列编程语言可以调用控制的函数方法,对于浏览器而言,自然是通过Javascript语言…

    编程技术 2025年3月7日
    200

发表回复

登录后才能评论