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

前端之家收集整理的这篇文章主要介绍了如何在HTML中调用外部JavaScript函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一小部分代码似乎无法正常工作。我正在建立一个网站并首次使用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>

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

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

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

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

解决方法

如果< script>有一个src然后元素的文本内容将不会作为JS执行(虽然它将出现在DOM中)。

您需要使用多个脚本元素。

> a< script>加载外部脚本
> a< script>保存内联代码(在外部脚本中调用函数)

scroll_messages();

猜你在找的HTML相关文章