繁体   English   中英

如何访问 html 文件中的外部 JavaScript 数组?

[英]How can you access external JavaScript arrays in an html file?

我正在为一个包含不同事实数组的学校项目创建一个网站。 我使用不同的 JavaScript 事实数组创建了多个文件,并尝试在 index.html 文件中调用它们,但我不确定如何在没有 href 标记的情况下调用它们。 我已经研究过,大多数人都说尝试在标签中采购,但没有打印。

这是我的 index.html 代码:

<!doctype html>
<html>
    <head>
        <meta charset="utf8" />
        <title></title>
        <link rel="stylesheet" type="text/css" href="main.css" />
        <script src="EllaFactsArray.html" type="text/javascript"></script>
    </head>
    <body>
        <p>
            Here is a fact about Ella:
        </p>
        <script>
            getEllaFact();
        </script>
    </body>
</html>

这是我的事实数组 (EllaFactsArray.html):

<html>
<title>Ella Facts</title>
<head>
<script type="text/javascript">
    function getEllaFact()
    { 
        Ella = new Array(6);

        Ella[0] = "Ella had a six decade long career.";
        Ella[1] = "";
        Ella[2] = "";
        Ella[3] = "";
        Ella[4] = "";
        Ella[5] = "";

        i = Math.floor(Math.random() * Ella.length);

        document.write("<dt>" + Ella[i] + "\n");

    }
</script>
</head>
<body>
    <script type="text/javascript">
        getEllaFact();
    </script>
</body>
</html>

该脚本需要引用 JavaScript 文件,而不是包含函数的 HTML 文件。 将该函数移动到其自己的文件中,并根据需要将其包含在页面中。

<script src="EllaFactsArray.js" type="text/javascript"></script>

https://www.w3schools.com/js/DEFAULT.asp

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM