html引用外部js文件不能执行

一、html引用外部js文件不能执行

1、在检查外部JS文件引用时，请确保遵循以下步骤，以确保文件能够正确加载并执行：

2、首先，你需要确认jQuery文件是否放置在其他外部JS文件之前。通常，外部JS文件需要按照依赖关系的顺序进行引入，以确保它们能够正确执行。例如，如果一个脚本依赖于jQuery，那么jQuery文件应当位于其他文件之前。

3、其次，你需要检查文件路径是否正确。如果你使用的是相对路径，请确保路径指向正确的文件位置。如果使用的是绝对路径，请确保路径是正确的，并且服务器能够正确解析该路径。

4、此外，还需注意一些常见的错误来源。例如，可能存在拼写错误或路径错误，这会导致浏览器无法找到文件。同时，文件格式也可能存在问题，例如文件损坏或编码问题，这将导致文件无法正确加载。

5、最后，如果文件仍然无法正常加载或执行，请尝试清除浏览器缓存或重新加载页面。有时，浏览器缓存可能会导致问题，清除缓存后问题可能得到解决。

6、如果你仍然遇到问题，请检查控制台中的错误信息，这通常会提供有关问题的具体原因。例如，如果出现404错误，那么可能是因为文件路径不正确。如果出现语法错误，那么可能是因为代码中存在错误。

7、总之，确保正确引用外部JS文件是保证网站正常运行的关键步骤。遵循上述建议，你将能够解决大多数外部JS文件引用问题。

二、html引入外部jscss找不到

jsp或html页面引用外部.css或.js文件时，注意路径问题，如果设置不当，会引用不到这些外部的文件

现在例如要在test.jsp中引用scripts目录下的dtree.js和styles目录下的main.css

Html代码[url=][/url]

<linktype="text/css"rel="stylesheet"href="../styles/main.css"/>

<scripttype="text/javascript"src="../scripts/dtree.js"></script>

<linktype="text/css"rel="stylesheet"href="../styles/main.css"/><scripttype="text/javascript"src="../scripts/dtree.js"></script>

这样在页面使用访问test.jsp时就可以引用到dtree.js和main.css。

对于1中的相对使用相对于于jsp页面的相对路径的这种方式，如果我们是设置action跳转到test.jsp页面，那么这种使用相对路径的方式就引用不到了。

例如我们当访问的时候，页面跳转到test.jsp页面，如果使用方法1，就引用不到了。

这个时候我们可以使用相对于Web工程的相对路径来引用：

Html代码[url=][/url]

<linktype="text/css"rel="stylesheet"href="styles/main.css"/>

<scripttype="text/javascript"src="scripts/dtree.js"></script>

<linktype="text/css"rel="stylesheet"href="styles/main.css"/><scripttype="text/javascript"src="scripts/dtree.js"></script>

但是请注意：使用方法2这种方式引用，如果直接访问，是引用不到的。

方法1和方法2都有缺点，都只适用一种情况，有没有两种情况都适用的呢？答案肯定的！

Html代码[url=][/url]

<linktype="text/css"rel="stylesheet"href="/MyProject/styles/main.css"/>

<scripttype="text/javascript"src="/MyProject/scripts/dtree.js"></script>

<linktype="text/css"rel="stylesheet"href="/MyProject/styles/main.css"/><scripttype="text/javascript"src="/MyProject/scripts/dtree.js"></script>

这样，不管是通过跳转访问test.jsp还是直接访问，都可以成功引用。

注意：如果我们在部署Web应用时，没有设置ContextRoot（一般情况下配置为工程名），也就是IP和端口后面不带应用名，如和，这种情况在引用时就不能带工程名了，应该这样：

Html代码[url=][/url]

<linktype="text/css"rel="stylesheet"href="/styles/main.css"/>

<scripttype="text/javascript"src="/scripts/dtree.js"></script>

<linktype="text/css"rel="stylesheet"href="/styles/main.css"/><scripttype="text/javascript"src="/scripts/dtree.js"></script>

三、js文件如何引用外部js

1、如果JavaScript语句比较多，应该将这些语句写在一个单独的js文件中。

2、（1）先建立JavaScript文件，扩展名是.js

3、（2）将要编写的js代码写到Js文件中，并保存文件。

4、（3）将JavaScript文件引入到HTML文件中。script标签是双标记标签

5、<script type="text/javascript" src="JavaScript文件名和路径"></script>

6、注意：在一个已经引入外部js文件的script标签中，不能在它的开始标签和结束标签中写Js命令了。

7、惯例上，先引入外部js文件，如果文件不能完全满足编程的需求，再在文件中添加script标签，来编写语句