龙空技术网

JavaScript基础语法02——JS书写位置

雷工笔记 18

前言:

目前各位老铁们对“在html中script放在哪”大约比较关心,大家都需要分析一些“在html中script放在哪”的相关文章。那么小编同时在网摘上收集了一些对于“在html中script放在哪””的相关内容,希望同学们能喜欢,看官们快快来了解一下吧!

哈喽,大家好,我是雷工!

今天继续学习JavaScript基础语法,JS的书写位置,俗话说:好记性不如烂笔头,边学边记,方便回顾。

1、行内JavaScript

代码写在标签内部

示例:

<body> <button onclick="alert('你还真信呀?~')">点击关注【雷工笔记】月薪过万</button></body>
2、内嵌式JavaScript

2.1、要将JS代码直接写在HTML文件里面。

2.2、在HTML文件中添加一个script,用script标签包住,script标签中的代码就是JS代码。

2.3、script标签的位置可以在HTML文件中的任何地方,但推荐在head标签中或者body标签中。

示例:

<body>		<script> 				alert('hello,欢迎关注雷工笔记')		</script></body>

雷工提醒:

我们习惯将<script>标签放在HTML文件的底部附近,原因是浏览器会按照代码在文件中的顺序加载HTML。

如果先加载的JS代码希望修改其下方的HTML,那么其可能因为要修改的HTML还未被加载而失效。所以比较稳妥的策略是将JS代码放在html文件的底部附近。

3、外联式JavaScript

3.1、先创建一个JS文件,后缀名是xxxx.js。

3.2、使用script标签引入JS文件。

示例:

<body>		 <!--用src引入外部JS文件-->		 <script src="leigong.js"></script></body>

雷工提醒:

外联式JavaScript会让代码看上去更加有序,更容易复用,且没有了脚本的混淆,html也更容易阅读,因此这是值得我们学习的好习惯。

4、重点总结

4.1、外联式中,script标签的位置可以在HTML文件中的任何地方,但推荐在body标签中,尽量写到文件末尾</body>

前面。

4.2、JS中内嵌式写法和外联式写法不可以混合使用,如果外联式写法,script标签中间就不可以再写代码,否则会被忽略,只执行外联部分。

后记

以上是关于JavaScript基础中书写位置的相关知识的笔记,有不当之处还望指正。

想起一句话,貌似是锤子科技发布会上听到的:从来没有什么失败的人,只有半途而废的人。

每天进步一点点,加油。

标签: #在html中script放在哪 #html中script放在哪里 #html 加载顺序 #请修改js或html文件 #html图像位置属性