前言:
目前各位老铁们对“在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图像位置属性