javascript代码写在哪里 小白必须要知道的js三种书写方式

小彬 前端评论39字数 491阅读1分38秒阅读模式

今天来聊一聊js的三种书写方式,分别是内部js、外部js、以及行内js。

这三个书写方式还是有一些需要大家注意的点。

一、内部js

第一种书写方式,就是直接把你的js代码,用<srcipt>标签包裹,然后写入在html中。

这种方式书写js有一个非常重要的点,就是要放在</body>上面的位置。

因为我们代码是从上到下执行的,如果把js代码放在最上方,是先执行js代码,你html代码都没执行,你的js代码就全都执行了,这样子是不行的,会出现报错!

二、外部js

第二种书写js的方式,是通过<script src="这是js的路径">我这里是不能写js代码的哦!</script>引入。

需要注意的是这个引入外部js的script标签里面不包裹js代码,否则会被忽略。

当然外部js也是最推荐使用的,它可以使我们的代码更加有序、更易于复用。页面的html代码也会更加易读。

三、行内js

这种方式就是直接把你的JS代码,写在html标签里。

javascript代码写在哪里 小白必须要知道的js三种书写方式-图片1

需要注意的是,js代码需要用到引号的时候,要用单引号。

双引号我们一般都是留给html+css的,js一般用单引号。

如果你不用单引号,会导致代码报错。如下面这样子。

javascript代码写在哪里 小白必须要知道的js三种书写方式-图片2

weinxin
小彬个人笔记
微信公众号:小彬个人笔记
微信扫一扫获取更多干货
 
小彬
  • 本文由 小彬 发表于 2024年1月29日22:26:41
  • 转载请务必保留本文链接且注明出处为小彬个人笔记:https://www.woshihuangbin.com/103.html
匿名

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

拖动滑块以完成验证