如何在HTML中调用外部JavaScript函数

如何在HTML中调用外部JavaScript函数,javascript,html,Javascript,Html,我有一小部分代码似乎无法运行。我正在建立一个网站,并首次使用JavaScript。我的JavaScript代码保存在一个外部文件“Marq_Msg.js”中,如下所示: var Messages = new Array(); Messages[0] = "This is message 1"; Messages[1] = "This is message 2"; Messages[2] = "This is message 3"; Messages[3] = "This is message 4

我有一小部分代码似乎无法运行。我正在建立一个网站,并首次使用JavaScript。我的JavaScript代码保存在一个外部文件“Marq_Msg.js”中,如下所示:

var Messages = new Array();
Messages[0] = "This is message 1";
Messages[1] = "This is message 2";
Messages[2] = "This is message 3";
Messages[3] = "This is message 4";  

function scroll_messages()
{
  for (var i = 0; i < Messages.length; i++)
        document.write(Message[i]); 
}
    <div id="logo">
        <marquee scrollamount="5" direction="left" loop="true" height="100%" width="100%">
        <strong><font color="white"><script src="Marq_Msg.js">scroll_messages()</script></font></strong>
        </marquee>
    </div>
var Messages=new Array();
消息[0]=“这是消息1”;
消息[1]=“这是消息2”;
消息[2]=“这是消息3”;
消息[3]=“这是消息4”;
功能滚动_消息()
{
对于(var i=0;i
在我的HTML文件'Index.HTML'中,我尝试这样调用它:

var Messages = new Array();
Messages[0] = "This is message 1";
Messages[1] = "This is message 2";
Messages[2] = "This is message 3";
Messages[3] = "This is message 4";  

function scroll_messages()
{
  for (var i = 0; i < Messages.length; i++)
        document.write(Message[i]); 
}
    <div id="logo">
        <marquee scrollamount="5" direction="left" loop="true" height="100%" width="100%">
        <strong><font color="white"><script src="Marq_Msg.js">scroll_messages()</script></font></strong>
        </marquee>
    </div>

滚动消息()
“logo”div是一个CSS片段,我正试图在其中添加字幕。如果我把代码嵌入到'head'标记中并调用它,它就可以完美地工作!我还想用这段代码做一些其他的事情(比如把消息隔开一点),但是我一开始就不能让代码正常工作。我还尝试添加:

<script src="Marq_Msg.js"></script>

在一个单独的电话的“头”标签中,这是一个不允许的。我还尝试使用:

<script type="text/javascript" src="Marq_Msg.js">scroll_messages()</script>
滚动_消息()
见鬼,我甚至让函数尝试返回一个字符串(甚至硬编码了一个简单的“hello”来返回),但无论是否使用“type”,这都不起作用:

//Marq_Msg.js
function scroll_messages()
{
   return "hello";
}

//index.html
<script type="text/javascript" src="Marq_Msg.js">document.write(scroll_messages())</script>
//Marq_Msg.js
功能滚动_消息()
{
回复“你好”;
}
//index.html
document.write(滚动消息())
我错过了什么?任何帮助都将不胜感激!!我已经在谷歌搜索过了,我找到的每个网站都想用一些“表单”来完成。我只希望消息显示在不同的位置,不附加任何表单。

如果
具有
src
,则元素的文本内容将不会作为JS执行(尽管它将显示在DOM中)

您需要使用多个脚本元素

  • 加载外部脚本的
  • 保存内联代码的
    (通过调用外部脚本中的函数)

    滚动_消息();

  • 用外行的话说,您需要在HTML文件中包含外部js文件&此后您可以直接从HTML页面调用外部js文件中编写的js方法。 请按照代码片段进行查看:-

    caller.html

    <script type="text/javascript" src="external.js"></script>
    <input type="button" onclick="letMeCallYou()" value="run external javascript">
    
    结果:

    更新:我做了一个更基本的页面,只对字幕进行了修改……效果很好。你的答案很好,我为此感谢你!!!我想可能是字体颜色或…idk之类的。我再摆弄一下。再次感谢你。你不会认为它和你下面的标签有什么关系吧?