如何在網頁中運行外部JavaScript功能？

我可以在頁面運行JavaScript，因此：如何在網頁中運行外部JavaScript功能？

Javascript.html：

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

你好世界報！

但是，當我試圖從外部文件運行它，它不起作用。

javascript.js：

function worldInSpanish() { 
    return "Mundo!"; 
}

External_javascript.html：

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

不改變文本：

的Hello World！

我在做什麼錯？我猜測我需要做更多的事情來將功能「導入」到HTML頁面或從Javascript文件中「導出」它。

來源

2017-06-06 Christopher Bottoms

您是否收到任何錯誤？ –

具有'src'屬性集的'

腳本標記所屬的<body>或<head>標籤內。

來源

2017-06-06 02:41:05

您需要導入您的JavaScript文件中單獨的代碼標籤。而你的腳本元素應該是正文或標題。

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

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

來源

2017-06-06 02:41:06 visibleman

您需要爲您的外部文件和內嵌JavaScript使用單獨的<script>標籤。

而@ShammelLee表示，在您的<head>或<body>標記中。

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

來源

2017-06-06 02:42:27 fubar

這應該解決問題。您正在使用相同的標記用於連接外部，並調用該函數，這樣做在單獨的標籤

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

來源

2017-06-06 02:57:36

相關問題