JavaScript 方法未运行

标签 javascript html

我一直在尝试让这个方法运行,但我无法让它工作。当我将 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>

关于JavaScript 方法未运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35993534/

相关文章:

javascript - Angularfire ngRoute/解决问题,跳转到否则

javascript - 如何在 JSON 中接收字节数组

javascript - 当您在网站上按 F5 而不是使用 enter 时,图像会消失

javascript - HTML5 视频的最佳方法是什么?

javascript - 浏览器窗口 100% 宽度之外的左上角像素

javascript - 从 Express 后端下载 .csv 到 Angularjs

javascript - 动态加载Javascript函数

Javascript 找不到这些变量,为什么?

HTML5 Input type=Number Polyfill 在 IE10 中不工作

html - 在 DispatcherServlet 中找不到资源文件的映射