JS引入方式、书写位置

js引入方式

一、书写位置(大致有3个地方):

  1. head头部中;

  2. body的不论什么位置;

  3. 以事件的形式写在标签上。
    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:弹出一个提示框-->

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

猜你喜欢

转载自blog.csdn.net/AI_U20/article/details/84530916