Question

我一直试图让这个方法运行，但我无法让它工作。当我将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;
}

所有文件都在同一个文件夹中。有谁知道它为什么不起作用？

Answer 1

如果两个文件都在同一目录中更改：

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

要：

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

Answer 2

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

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

我在plunkr中对此进行了测试，似乎有效......

https://plnkr.co/edit/MlkxUF7R31jmBwgWqTE7

我的猜测是你的script.js文件位于其他地方

JavaScript方法未运行

2 个答案: