html怎么引入JavaScript代码

这篇具有很好参考价值的文章主要介绍了html怎么引入JavaScript代码。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

html怎么引入JavaScript代码

学习了HTML入门教程之后,我们都知道HTML页面是静态的,要实现某些动态效果,就要引入JavaScript。本节课就来给大家讲解一下怎样在HTML页面中引入JavaScript。

这节课不涉及太多编程方面的知识,先给大家说一下引用方式,这样大家至少都知道在哪编程,然后再在后面章节跟大家促膝长谈编程方面的知识。

JavaScript在HTML的引用共有4种:

(1)页头引入(head标签内);

(2)页中引入(body标签内);

(3)元素事件中引入(标签属性中引入);

(4)引入外部JS文件;

By the way,这4种引入方式都very very 常用,大家一定要好好理解一下喔。

一、页头引入JS

在页头引入JS,指的就是在<head></head>标签内编写JavaScript。

二、页中引入JS

在页中引入JS,指的就是在<body></body>标签内编写JavaScript。

在body标签内引入JavaScript跟在head标签引入JavaScript语法格式类似,在此不再重复讲解。

三、元素事件中引入JS

在元素事件中引入JS,就是指在元素的某一个属性中直接编写JavaScript程序或调用JavaScript函数,这个属性指的是元素的“事件属性”。

四、引入外部JS文件

引入外部JS文件,说白了就是把JavaScript程序存放在一个后缀名为.js的文件中,然后使用script标签来引用。此外,引用外部JS文件的script标签可以放在head标签内,也可以放在body标签中。

可能大家刚刚开始很难去深入理解并记忆这4种JS引用方式,不过没关系,以后大家忘了再回来这里看看,编程这种东西一回生二回熟,写多了自然就会记得。微点阅读 - 范文大全 - 免费学习网站

总结

1、JavaScript在HTML的引用共有4种:

(1)页头引入(head标签内);

(2)页中引入(body标签内);

(3)元素事件中引入(标签属性中引入);

(4)引入外部JS文件;

这四种引用方式都非常重要,没有哪一种不重要的。

————————————————

来源:https://www.weidianyuedu.com文章来源地址https://www.toymoban.com/news/detail-466666.html

到了这里,关于html怎么引入JavaScript代码的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 前端vue引入高德地图入门教程

    距离上一篇关于前端项目中使用高德地图的文章已经将近5年之久, 这是我的第一篇关于高德地图的文章 这期间前端技术日新月异,5年前JQuery还如日中天,如今已经销声匿迹,很少有公司招聘还在要求JQuery,更多的是Vue、React。 如今更多采用模块化开发,结合webpack、vite,我

    2024年02月11日
    浏览(40)
  • 【入门/小白向】第一次在Linux/Ubuntu终端上使用Git拉取代码,该怎么做?保姆教程,步骤分解。

    【Step.1】 安装 git 安装完成后执行下句,可以看到安装版本: 【Step.2】 配置邮箱 (git网站账户注册的邮箱,如bob2023@yy.com) 和用户名 (任取,如bob): 随后可执行下句,查看是否配置成功: 实例执行如下图:  【 Step.3 】生成 SSH 密钥,用于远程访问 git (下面使用的公钥算法是

    2024年02月05日
    浏览(38)
  • HTML--JavaScript--引入方式

    啊哈~~~基础三剑看到第三剑,JavaScript HTML用于控制网页结构 CSS用于控制网页的外观 JavaScript用于控制网页的行为 引入的三种方式: 外部JavaScript 内部JavaScript 元素事件JavaScript 一般情况下网页最好是都引用外部JavaScript 使用方式: src source 源的意思 就是直接把JavaScript放到HTM

    2024年01月15日
    浏览(45)
  • python教程 入门学习笔记 第3天 编程基础常识 代码注释 变量与常量

    编程基础常识 一、注释 1、对代码的说明与解释,它不会被编译执行,也不会显示在编译结果中 2、注释分为:单行注释和多行注释 3、用#号开始,例如:#这是我的第一个python程序 4、注释可以写在单独一行,也可以写在一句代码后面 5、不想执行编译,又不能删除的代码,可

    2024年02月14日
    浏览(41)
  • DHTMLX Gantt入门使用教程【引入】:如何开始使用 dhtmlxGantt

    DHTMLX Gantt是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表。可满足项目管理应用程序的大部分开发需求,具备完善的甘特图图表库,功能强大,价格便宜,提供丰富而灵活的JavaScript API接口,与各种服务器端技术(PHP,ASP.NET,Java等)简单集成,满足多种定制开发需求

    2023年04月14日
    浏览(38)
  • html入门教程

    构成 语言 描述 结构 HTML 网页元素和内容 表现 CSS 网页元素的外观和位置等页面样式(如颜色、大小等) 行为 JavaScript 网页交互 2.1 HTML概念 HTML,超文本标记语言(Hyper Text Markup Language),是一门描述性语言。标记,标签,元素,叫法不同,意思相同。HTML超文本标记语言主要

    2024年02月05日
    浏览(27)
  • 【你也能从零基础学会网站开发】Web建站之HTML+CSS入门篇 工欲善其事必先利其器 Dreamweaver安装教程 它依旧是初学者最好用的代码开发工具!

    🚀 个人主页 极客小俊 ✍🏻 作者简介:web开发者、设计师、技术分享博主 🐋 希望大家多多支持一下, 我们一起学习和进步!😄 🏅 如果文章对你有帮助的话,欢迎评论 💬点赞👍🏻 收藏 📂加关注 Dreamweaver介绍与历史 Dreamweaver是一款由Adobe开发的网页设计和开发软件,也

    2024年03月10日
    浏览(48)
  • HTML入门零基础教程(三)

    嗨,大家好,我是异星球的小怪同志 一个想法有点乱七八糟的小怪 如果觉得对你有帮助,请支持一波。 希望未来可以一起学习交流。 目录 一、  VSCode工具生成骨架标签新增代码 1.文档类型声明标签 2.lang语言种类 3.charset字符集 二、HTML常用标签 1.标签语义

    2024年02月19日
    浏览(25)
  • HTML 全面入门教程:从基础到高级

    HTML(Hypertext Markup Language)是用于创建网页的标记语言。它定义了网页的结构和内容,是前端开发的基础。 代码中,展示了一个简单的 HTML 文档结构,其中包含 !DOCTYPE 声明、 html 元素、 head 元素、 body 元素和 h1 元素。 标题标签( h1 - h6 ):用于定义标题级别: h1标题一/h1

    2024年02月11日
    浏览(32)
  • HTML零基础快速入门(详细教程)

    HTML代码有以下特点: html代码是通过标签来组织的,而标签是由尖括号 组织的,也可被叫作元素(element)。 大部分标签是成对存在的,称之为双标签,少数标签是单独存在的,称之为单标签。 双标签, html 为开始标签, /html 为结束标签,开始标签和结束标签之间的是标签

    2024年02月05日
    浏览(34)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包