js系列 -- 脚本引入

最新推荐文章于 2022-10-31 14:18:52 发布

愿时光能缓愿故人不散

最新推荐文章于 2022-10-31 14:18:52 发布

阅读量689

点赞数

分类专栏：原创 js学习

本文链接：https://blog.csdn.net/LYC1498165445/article/details/52833657

版权

原创同时被 2 个专栏收录

13 篇文章 0 订阅

订阅专栏

js学习

1 篇文章 0 订阅

订阅专栏

在HTML中使用js：一共有两种方式，一种是引入外部脚本，一种是使用嵌入脚本。

外部脚本的引入可以放在head标签中，也可以放在body中，二者只是脚本加载的时机不同。

嵌入脚本也一样。

同时在body中引入脚本要注意可能在需要执行脚本代码的时候，脚本还未加载。

如下面例子中，如果把外部脚本的引入放在body元素内容最后面，在执行<script>中的lyc()时，脚本还未加载，因此不能正常执行。(建议将脚本放在body最后引入)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS学习</title>
    <script type="text/javascript" src="js/lyc-js.js"></script><!-- 引入外部脚本 -->
    <script type="text/javascript">
        //嵌入脚本,此处语法遵循javascript的语法，注释也是
    </script>
</head>
<body>
<button οnclick="lyc()" value="hello World!">hello World</button>
<script>
    lyc();
</script>
<!--<script type="text/javascript" src="js/lyc-js.js"></script>-->
</body>
</html>

在XHTML中，不能出现 '<' 。会被当做开始一个新标签解析。一般不用考虑

lyc-js.js中内容

function lyc(){
    alert('hello World!');
}

愿时光能缓愿故人不散

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
js系列 -- 脚本引入

在HTML中使用js：一共有两种方式，一种是引入外部脚本，一种是使用嵌入脚本。外部脚本的引入可以放在head标签中，也可以放在body中，二者只是脚本加载的时机不同。嵌入脚本也一样。同时在body中引入脚本要注意可能在需要执行脚本代码的时候，脚本还未加载。如下面例子中，如果把外部脚本的引入放在body元素内容最后面，在执行中的lyc()时，脚本还未加载，因此不能正常执行。(建议将脚
复制链接

扫一扫

专栏目录