js代码写在什么位置好,javascript代码写在哪里

这篇文章主要介绍了javascript代码书写的几种位置，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获，下面让小编带着大家一起了解一下。

JS有3种书写位置，分别为行内、内嵌和外部

行内式JS

    <!-- 1.行内式的js 直接写到元素的内部 -->
    <input type="button" value="唐伯虎" onclick="alert('秋香姐')">

• 可以将单行或少量JS代码写在HTML标签的事件属性中（以on开头的属性），如：onclick
• 注意单双引号的使用：在HTML中我们推荐使用双引号，JS中我们推荐使用单引号
• 可读性差，在HTML中编写JS大量代码时，不方便于都
• 引号易错，引号多层嵌套匹配时，非常容易弄混

内嵌JS

    <!-- 2.内嵌式的js -->
    <>
         alert('沙漠骆驼');
    </>

• 在< body >标签外，可以将多行JS代码写道< >标签中
• 内嵌JS是学习时常用的方式，但在实际项目中常用外部JS文件

外部JS文件

//创建一个JS文件，文件后缀名为.js
alert('如果我是DJ，你还爱我吗？')

//在HTML文件中引用JS文件
< src="my.js"></>

• 利用HTML页面代码结构化，把大段JS代码独立到HTML页面之外，既美观，也方便文件级别的复用
• 引用外部JS文件的标签中间不可以写代码
• 适合于JS代码量比较大的情况