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

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，您的代码中只有一个问题，请在传递参数时使用单引号（即“Monique”）或双引号（“Monique”），我会收到“未捕获的 ReferenceError：Monique is not已定义”错误消息。

<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

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

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

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

<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>

Answer 4

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