Javascript 如何从html代码中分离js脚本？_Javascript_Html

Javascript 如何从html代码中分离js脚本？

javascript html

Javascript 如何从html代码中分离js脚本？,javascript,html,Javascript,Html,我想在两个不同的文件中将javascript代码与html代码分离，最初我有以下代码： <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <p id="body">HTML Text</p> </body> </htm

我想在两个不同的文件中将javascript代码与html代码分离，最初我有以下代码：

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
    </head>
    <body>
        <p id="body">HTML Text</p>
    </body>
</html>
<script>
        $(document).ready(function () {
            $("#body").text("JS Text");
         });
</script>

我还参考了html文件：

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

但是输出文本不再是预期的JS文本，而是HTML文本

我还需要做什么才能使js脚本再次工作？

首先，在结束HTML标记后放置任何内容都是无效的，因此，当您的第一段代码工作时，它是无效的

如果删除JavaScript并将其放在自己的文件中，只要您正确引用该文件，使用相对引用并在web服务器上测试该文件，并将脚本元素放在结束体标记之前，它就会继续工作，以便在处理脚本并尝试查找正确的DOM元素时，此时将加载DOM

供参考：

如果引用的脚本文件中有JQuery，则引用JQuery的脚本需要在HTML中出现到使用它的脚本。中不需要脚本标记中的type属性好几年了。给身体命名不是一个好主意，这样你就不会引起与主体元素的混淆。当您正在使用的字符串不可用时，不要使用.innerHTML 包含任何HTML。innerHTML具有安全性和性能启示。改为使用.textContent。页面标题

HTML文本

您的控制台中是否有任何错误？您希望确保加载的是文档，而不是窗口。另外，您在哪里加载jQuery？@D\N您需要知道的关于如何正确执行此操作的所有内容都在答案中说明。你不需要写小说来回答一个简单的问题。

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