JS引入方式、书写位置

最新推荐文章于 2023-12-09 20:40:48 发布

AIU哎呀

最新推荐文章于 2023-12-09 20:40:48 发布

阅读量1.8k

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/ai_u20/article/details/84530916

版权

JS 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

js引入方式

一、书写位置（大致有3个地方）：

head头部中；
body的不论什么位置；
以事件的形式写在标签上。
e.g.

 <p onclick="alert('叫你点，你就点啊')">点我</p>
 <p onclick="javascript:alert('javascript前缀，效果同上')">点我</p>

二、引入方式

注：采用不同引入方式引入的JS代码最终还是在一起执行的，互相有联系。遵循从左往右，从上往下执行顺序依次执行。

1. 嵌入方式：

写在页面内部，理论上是可以写在页面任何位置。一般写在head中，body后

<body>
    <script type="text/javascript">
        <!--js代码-->
        alert('欢迎');
    </script>
</body>

2. 引入方式：

很多html页面都可以调用设定的js页面

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!--引入js-->
    <script src="js/demo.js"></script>
</head>
<body>
    <!--引入js-->
    <script src="js/demo.js"></script>
</body>

注：引入的script标签是不能在插入其他内容的

3. 在事件后面调用

 <p onclick="alert('叫你点，你就点啊')">点我</p>
 <p onclick="javascript:alert('javascript前缀，效果同上')">点我</p>
 <!--onclick:点击触发一个事件，alert：弹出一个提示框-->

效果图：
在这里插入图片描述

AIU哎呀

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS引入方式、书写位置

js引入方式一、书写位置（大致有3个地方）：head头部中；body的不论什么位置；以事件的形式写在标签上。e.g. &lt;p onclick="alert('叫你点，你就点啊')"&gt;点我&lt;/p&gt; &lt;p onclick="javascript:alert('javascript前缀，效果同上')"&gt;点我&lt;/p&gt;二、引入方...
复制链接

扫一扫