如何在HTML中调用外部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>

地狱，我甚至有函数尝试返回一个字符串(甚至硬编码一个简单的“你好”要返回)但是，无论有没有’类型’：

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

//index.html
<script type="text/javascript" src="Marq_Msg.js">document.write(scroll_messages())</script>

我错过了什么？任何帮助将不胜感激！！我看过谷歌，我找到的每个网站都想用一些“形式”来做。我只是想要显示消息，没有附加表单。