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

问题

自己定义的外部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>

OVER~

版权声明：本文为yss778原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。