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

哈喽,大家好,我是雷工!
今天继续学习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标签中间就不可以再写代码,否则会被忽略,只执行外联部分。

扫描二维码关注公众号,回复: 16784214 查看本文章

后记

以上是关于JavaScript基础中书写位置的相关知识的笔记,有不当之处还望指正。
想起一句话,貌似是锤子科技发布会上听到的:从来没有什么失败的人,只有半途而废的人。
每天进步一点点,加油。

猜你喜欢

转载自blog.csdn.net/u013097500/article/details/132601906