Question

我正在为具有不同事实阵列的学校项目创建一个网站。我用不同的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>

Answer 1

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

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

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

如何在html文件中访问外部JavaScript数组？

1 个答案: