如何将我的 javascript 文件与 html 链接？？？？我认为我已正确链接但无法正常工作？答案

【问题标题】：how can i link my javascript file with html???? I think i have linked properly but not working?如何将我的 javascript 文件与 html 链接？？？？我认为我已正确链接但无法正常工作？
【发布时间】：2020-06-02 08:50:15
【问题描述】：

将javascript代码链接到html代码有什么问题？？？我的html代码：

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>PARUL</title>
    <script  src="script.js"></script>
    <script>
    console.log(x)
    </script>


</head>
<body></body>
</html>

我的 javascript 代码：

var x="hello world";

【问题讨论】：

在浏览器中写click，去查看页面源码，点击script.js，看看链接是否正确？
是什么让你觉得“它不起作用”？
加载此页面时是否在浏览器中打开了开发工具控制台？
如果已链接，则右键单击浏览器单击“检查”，然后转到“控制台”选项卡，您可以在那里查看 x 的值
假设您的 JavaScript 代码与您的 html 文件位于同一目录中，并且它位于名为 script.js 的文件中，这应该可以工作。请确认您的浏览器控制台不包含“Hello World”，按照@TufailAhmad 评论中的说明进行操作。

标签： javascript html css linker

【解决方案1】：

您已经将您的 HTML 代码与您的 JS 文件相关联。请按照以下步骤操作：

右键单击鼠标，您将在底部看到Inspect 选项。
单击它，您将获得包含多个选项卡的开发人员工具，例如Elements、Console 等。
您只需单击Console 选项卡。然后您将能够看到您给出的语句console.log("") 的输出

【讨论】：