我有一小部分代码似乎无法正常工作。我正在建立一个网站并首次使用JavaScript。我在外部文件'Marq_Msg.js'中有我的JavaScript代码,如下所示:
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>
天啊,我甚至有函数尝试返回一个字符串(甚至硬编码一个简单的“你好”要返回)但是无论有没有'type'都没有用:
//Marq_Msg.js
function scroll_messages()
{
return "hello";
}
//index.html
<script type="text/javascript" src="Marq_Msg.js">document.write(scroll_messages())</script>
我错过了什么?任何帮助将不胜感激!!我看了整整一遍谷歌,我找到的每个网站都想用一些'形式'来做。我只是想要显示消息,没有附加表格。
答案 0 :(得分:55)
如果<script>
有一个src
,那么元素的文本内容将不会作为JS 执行(尽管它会出现在DOM中)。
您需要使用多个脚本元素。
<script>
来加载外部脚本一个<script>
来保存您的内联代码(在外部脚本中调用该函数)
答案 1 :(得分:0)
按照Layman的说法,您需要在HTML文件中包含外部js文件,然后您可以直接从HTML页面调用用外部js文件编写的JS方法。 按照代码片段进行分析:-
caller.html
<script type="text/javascript" src="external.js"></script>
<input type="button" onclick="letMeCallYou()" value="run external javascript">
external.js
function letMeCallYou()
{
alert("Bazinga!!! you called letMeCallYou")
}