Question

这是一个简单实用的但我不确定我做错了什么我在外部javascript文件中有以下代码：

function myname(){
    document.write("Monique");  
}

function welcomeW(name){
    document.write("Welcome " + name + "!");
}

function welcomeR(name){
    return "Welcome " name "!";
}

我添加了此<script>标记以链接到我的html文件：

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

我尝试使用：

调用html中的函数

<script> myname(); </script>
<script> welcomeW(Monique); </script>
<script> welcomeR(Monique); </script>

当我在html中编写函数时，它工作正常，但在外部文件中没有任何反应。

Answer 1

Monique，你的代码中只有一个问题，当你传递参数时，请使用单引号（即＆＃39; Monique＆＃39;）或双引号（＆＃34; Monique＆＃34;）你得到了＃34; Uncaught ReferenceError：没有定义Monique＆＃34;错误信息。

<script> myname(); </script>
<script> welcomeW("Monique"); </script>
<script> welcomeR("Monique"); </script>

或者使用它。

<script> myname(); </script>
<script> welcomeW('Monique'); </script>
<script> welcomeR('Monique'); </script>

Answer 2

如果<script>具有src，则该元素的文本内容将不会以JS执行（尽管它会出现在DOM中）。

您需要使用多个脚本元素。

一个<script>来加载外部脚本
一个<script>来保存您的内联代码（通过调用该函数外部脚本）

Answer 3

确保在脚本src标记之后放置脚本函数调用。

Answer 4

你在回归时忘记了+。你可以在你的脚本中调用这些函数。如果你将它链接正确，那么它应该可以工作。

如果你不知道的话。返回不会打印/写入任何内容。它只是回来了。如果你想写它，你只需要这样做。

var welcomeR = return "Welcome " + name + "!"; and document.write(welcomeR);

＆＃13;

<script>
function myname(){
    document.write("Monique");  
}

function welcomeW(name){
    document.write("<br/>" +"Welcome " + name + "!" + "<br/>");
}

function welcomeR(name){
    return "Welcome " + name + "!";
}
myname();
welcomeW("Monique");
welcomeR("Monique");  
</script>

＆＃13;

从外部javascript文件调用html中的函数

4 个答案: