Fatal编程技术网
  • javascript/
  • 如何在网页中运行外部javascript函数？

如何在网页中运行外部javascript函数？

javascript html

如何在网页中运行外部javascript函数？,javascript,html,Javascript,Html,我可以在页面中运行Javascript，因此： Javascript.html： <html> <body> Hello <span id="mySpan"> World! </span> </body> <script> function worldInSpanish() { return "Mundo!"; }

我可以在页面中运行Javascript，因此：

Javascript.html
：

<html>
    <body>
        Hello <span id="mySpan"> World! </span>
    </body>
    <script>
        function worldInSpanish() {
            return "Mundo!";
        }
        document.getElementById('mySpan').innerHTML = worldInSpanish();
    </script>
</html>

<html>
    <body>
        Hello <span id="mySpan"> World! </span>
    </body>
    <script src="javascript.js">
        document.getElementById('mySpan').innerHTML = worldInSpanish();
    </script>
</html>

External\u javascript.html
：

<html>
    <body>
        Hello <span id="mySpan"> World! </span>
    </body>
    <script>
        function worldInSpanish() {
            return "Mundo!";
        }
        document.getElementById('mySpan').innerHTML = worldInSpanish();
    </script>
</html>

<html>
    <body>
        Hello <span id="mySpan"> World! </span>
    </body>
    <script src="javascript.js">
        document.getElementById('mySpan').innerHTML = worldInSpanish();
    </script>
</html>


你好，世界！
document.getElementById（'mySpan'）.innerHTML=worldInSpanish（）；
不更改文本：

你好，世界

我做错了什么？我猜我需要做更多的事情来将函数“导入”到HTML页面或从Javascript文件“导出”它。

您的脚本标记属于
或
标记。

您需要在单独的代码标记中导入Javascript文件。 您的脚本元素应该在主体或标题中

<html>
  <body>
    Hello <span id="mySpan"> World! </span>

    <script src="javascript.js"></script>
    <script>
        document.getElementById('mySpan').innerHTML = worldInSpanish();
    </script>
  </body>
</html>


你好，世界！
document.getElementById（'mySpan'）.innerHTML=worldInSpanish（）；
您需要为外部文件和内联JavaScript使用单独的
标记

正如@ShammelLee所说，在您的
或
标签中

<html>
    <body>
        Hello <span id="mySpan"> World! </span>
        <script src="javascript.js"></script>
        <script>
            document.getElementById('mySpan').innerHTML = worldInSpanish();
        </script>
    </body>
</html>


你好，世界！
document.getElementById（'mySpan'）.innerHTML=worldInSpanish（）；
这应该可以解决问题。您使用相同的标记来附加外部，并调用函数，在单独的标记中执行

<html>
    <body>
        Hello <span id="mySpan"> World! </span>
    </body>
    <script src="javascript.js"></script>
    <script>
        document.getElementById('mySpan').innerHTML = worldInSpanish();
    </script>
</html>


你好，世界！
document.getElementById（'mySpan'）.innerHTML=worldInSpanish（）；
注意：如果存在“src”属性，则元素必须为空。

标记用于定义客户端脚本（JavaScript）

元素要么包含脚本语句，要么通过
src
属性指向外部脚本文件

src
属性指定外部脚本文件的URL

如果希望在网站的多个页面上运行相同的JavaScript，则应创建一个外部JavaScript文件，而不是反复编写相同的脚本。使用扩展名
.js
保存脚本文件，然后使用
标记中的
src
属性引用它

<html>
    <body>
        Hello <span id="mySpan"> World! </span>
        <script src="javascript.js"></script>
        <script>
            document.getElementById('mySpan').innerHTML = worldInSpanish();
        </script>
    </body>
</html>
注意：外部脚本文件不能包含
标记

<html>
    <body>
        Hello <span id="mySpan"> World! </span>
        <script src="javascript.js"></script>
        <script>
            document.getElementById('mySpan').innerHTML = worldInSpanish();
        </script>
    </body>
</html>
注意：指向外部脚本文件，正好是您编写脚本的位置

因此您必须导入js文件或另一个脚本标记，如

<script src="javascript.js"></script>
或者您可以在该脚本标记上导入此类函数，并删除您首先执行的src属性。谢谢。

您是否收到任何错误？未执行
元素中具有
src
属性集的JavaScript。谢谢。这很有帮助。JavaScript文件可以只包含要导入的函数，也可以使用函数。它们会在网页中找到的位置在网页中执行。