JavaScript 方法未运行

JavaScript Method not Running

本文关键字:运行 方法 JavaScript      更新时间:2023-09-26

我一直在尝试让这种方法运行,但我无法让它工作。当我将 JavaScript 方法保存在 HTML 中时,它正在工作,但现在我将 JavaScript 移动到外部文件中,它没有做任何事情:

这是我的 html:

<head>
    <title>TheNewTao Developer</title>
    <link rel="stylesheet" href="main.css" type="text/css">
    <script src="/script.js" type="text/javascript"></script>
</head>
<body onload="greetings()">

我希望方法greetings()在页面加载后立即运行。这是我script.js文件

function greetings() {
  var name = prompt('Hello, what is your name');
  document.getElementById('username').innerHTML = 'Welcome to the web ' + name;
}

所有文件都位于同一文件夹中。有谁知道为什么它不起作用?

如果两个文件位于同一目录中,请更改:

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

自:

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

原因是脚本 src 路径中的正斜杠。 删除"/"

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

我已经在 plunkr 中对此进行了测试,它似乎有效......

https://plnkr.co/edit/MlkxUF7R31jmBwgWqTE7

我猜是你的脚本.js文件位于其他地方