如何在window.load事件中调用外部javascript?

5

我想把这个放在我的网站上

<script type="text/javascript"> <!-- window.onload = hello; function
hello() { var name = prompt("What is your name", "") alert ( "Hello "
+ name + "! Welcome to my forum.") } </script>

但我不想把它放在index中,而是放在另一个文件里,比如说hello.js

我该怎么在index文件中调用它,以便当我点击index.html时,它会立即提示我输入我的姓名。(例如)

我尝试使用<script src="hello.js"></script>,但无效。

4个回答

7
你好.js应该长这样:

window.onload = hello; 

function hello() { 
    var name = prompt("What is your name", "");
    alert("Hello " + name + "! Welcome to my forum."); 
}

之后,<script src="hello.js"></script> 就应该可以正常工作了。


@Wan- 所以问题出在你添加的注释标签上。 - Varun

1

除了导入脚本之外,应该没有更多的内容了。但是,你的脚本都是坏的。当然它不会工作,除非你的浏览器能够解释它。看一下JavaScript基础知识。乍一看,你似乎没有使用分号来分隔各个语句。此外,你已经打开了一个HTML注释<!--,但你从未关闭它...


0
将您的代码更改为以下内容:
<script type="text/javascript"> 
var name = prompt("What is your name", "");
alert ( "Hello " + name + "! Welcome to my forum.");  </script>

也就是说,移除任何函数,直接编写您的警报,这应该可以工作。


-1

Ubuntu服务器16.04

外部JS

更改自:--> window.onload = hello;

更改为:--> window.document.body.onload = hello;

HTML

body onload="hello()"


抱歉,这是我的第一篇帖子,而且这个界面还很新。 - pachomp
1
欢迎来到SO。请注意,您回答了一个四年前的帖子。关于回答,请阅读[答案]。 - yezzz

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接