JavaScript引入html页面的方法

本文介绍了HTML中JavaScript的两种引入方式:内部脚本,将代码直接写在`<script>`标签内;外部脚本,通过`<scriptsrc=...>`引入独立的JS文件。强调了内部脚本常放于`<body>`底部以优化加载速度和外部脚本的正确使用格式。
摘要由CSDN通过智能技术生成

一、引入方式

同样的,js代码也是写在html中的,那html中如何引入js代码呢?主要通过下面的两种引入方式

  • 内部脚本,将JS代码定义在html页面中
  • 外部脚本,将JS代码定义在外部JS文件中然后引入到html页面中

1.1 内部脚本

核心要点

  • JavaScript代码必须位于<script></script>标签之间
  • 在html文档中,可以在任意的地方,放置任意数量的<script>
  • 一般会把脚本至于<body>元素的底部,可改善显示速度

举个例子:

<script>
	alert("hello JavaScript");
</script>

效果图
在这里插入图片描述

1.2 外部脚本

核心要点

  • 外部JS文件中,只包含JS代码,不包含<script>标签
  • 引入外部JS的<script>标签,必须是双标签,因为它不能自闭和所以</script>不能省略

举个例子

<script src="js/demo.js"></script>

注!!!demo.js中只有JS代码,没有<script>标签

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值