外部js文件引入html文件失败

最新推荐文章于 2022-10-14 12:26:39 发布

小小只鸭

最新推荐文章于 2022-10-14 12:26:39 发布

阅读量943

点赞数

文章标签： javascript html 前端 js

本文链接：https://blog.csdn.net/yss778/article/details/123455845

版权

问题

自己定义的外部js文件在html中引入失败，不能执行相应的方法，如图
自己的html文件
自定义的JS文件

原因

引用方法正确，但是在script标签使用src属性后，不在里边写其它的方法和变量。

解决方案

正解：再写一个script标签，里边可以调用原js文件的函数等。
tips：一般将script标签写在body内部或body最下面

在JAVASCRIPT文件夹下：myStack.js

	
	function  testA(){
    alert('进入A');
    testB();
    alert('A执行完了');
}

function  testB(){
    alert('进入B')
    testC();
    alert('B执行完了');
    
}

function  testC(){
        alert('进入C');
}

在html文件夹下：LearnStack.html

	<!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>Document</title>
    <script src="../JavaScript/myStack.js" >  </script>
</head>

<body>
    <script>
        testA();
    </script>
</body>

</html>