三、JavaScript——编写位置

末蓝、 2023-10-02 23:51 9阅读 0赞

#### 1.在script标签内编写 ####

*  JS的代码一般可以写到script标签中，
 *  script标签的完整写法是要加type="text/javascript",但这个一般可以省略，所以只用<script>即可

<script type="text/javascript">
            alert("哈哈")
        </script>

#### 2.在外部写文件引入 ####

*  引入外部文件通过在script标签中加入src引入外部文件的路径,即< script src="图片路径”>

在最外层javascript文件夹下新建一个文件夹为script,再在script文件夹中新建一个script.js文件（.js结尾的文件),文件内部的内容为一个alert("内容")

![3db4ec0ee6d14b4fb91beae31ee9bcac.png][]

<script src="./script/script.js">
    
        </script>

右键打开默认浏览器（或者快捷键Alt+B)

出现alert弹窗，并显示弹窗内容

![c92f6f3bd08d428396579111ce00d711.png][]

> **注意事项：**
> 
>  *  **一旦script标签添加了src引入了文件路径，就不能在script内部再写JS代码了，**
>  *  **script标签作用单一，要么用来引入文件，要么在标签内部写JS代码（称之为编写内部的脚本）**

#### 3.编写到指定的标签属性中 ####

**3.1在指定标签内编写JS代码**

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Hello World</title>
    
        
        
        
    
        
        
        
    </head>
    <body>
    
        
        
        <button onclick="alert('你点我试试')"></button>
        
    </body>
    </html>

>  *  **"alert('你点我试试')" 中外层用的双引号，到了内层alert内就用单引号，单双引号要保持内外相反原则**

右键打开默认浏览器（或者快捷键Alt+B)

点击网页的按钮会跳出相应的弹窗，

![ce1e48a28682488e8f7044c804fd8b30.png][]

**3.2在超链接标签中添加JS代码**

<a href="javascript:alert('点击')">超链接</a>

右键打开默认浏览器（或者快捷键Alt+B)

点击超链接会跳出相应的弹窗

![1cc4466d2d324db5a0db6448e5e8a40e.png][]

[3db4ec0ee6d14b4fb91beae31ee9bcac.png]: https://img-blog.csdnimg.cn/3db4ec0ee6d14b4fb91beae31ee9bcac.png
[c92f6f3bd08d428396579111ce00d711.png]: https://img-blog.csdnimg.cn/c92f6f3bd08d428396579111ce00d711.png
[ce1e48a28682488e8f7044c804fd8b30.png]: https://img-blog.csdnimg.cn/ce1e48a28682488e8f7044c804fd8b30.png
[1cc4466d2d324db5a0db6448e5e8a40e.png]: https://img-blog.csdnimg.cn/1cc4466d2d324db5a0db6448e5e8a40e.png