哈喽,大家好,我是雷工!
今天继续学习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>
雷工提醒:
我们习惯将
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标签中,尽量写到文件末尾
前面。
4.2、JS中内嵌式写法和外联式写法不可以混合使用,如果外联式写法,script标签中间就不可以再写代码,否则会被忽略,只执行外联部分。
后记
以上是关于JavaScript基础中书写位置的相关知识的笔记,有不当之处还望指正。
想起一句话,貌似是锤子科技发布会上听到的:从来没有什么失败的人,只有半途而废的人。
每天进步一点点,加油。