我有一小段代码似乎无法运行。我正在建立一个网站并第一次使用 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]);
}
在我的 HTML 文件“Index.html”中,我试图这样调用它:
<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>
在带有单独调用的“head”标签中,这是不行的。我也尝试使用:
<script type="text/javascript" src="Marq_Msg.js">scroll_messages()</script>
该死,我什至让函数尝试返回一个字符串(甚至硬编码了一个简单的“hello”以返回)但是无论有没有“类型”都不起作用:
//Marq_Msg.js
function scroll_messages()
{
return "hello";
}
//index.html
<script type="text/javascript" src="Marq_Msg.js">document.write(scroll_messages())</script>
我错过了什么?任何帮助将不胜感激!!我已经在 Google 上搜索过了,我发现的每个网站都想使用某种“形式”来实现。我只想显示消息,不附加任何表格。
最佳答案
如果 <script>
有一个 src
那么元素的文本内容将不会作为JS执行(尽管它会出现在DOM中)。
您需要使用多个脚本元素。
- 一个
<script>
加载外部脚本 a
滚动消息();<script>
保存您的内联代码(通过调用外部脚本中的函数)
关于javascript - 如何在 HTML 中调用外部 JavaScript 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9530954/