調用外部js文件與HTML文件

我main.js看起來像這樣調用外部js文件與HTML文件

function myfunction(){ 
    alert("Button Pressed"); 
}

HTML文件

<head> 
<title>meteorTest</title> 
<script type="javascript" src="main.js"> 
</script> 
<!--<script> 
    function myfunction(){ 
     alert("hello"); 
    } 
</script>--> 
</head> 

<body> 
<h1>Welcome to Meteor!</h1> 
<input type="button" onclick="myfunction();" value="Click me!" /> 
</body>

如果我從內部運行MyFunction的（），它工作正常。當我評論說出來，來自外部的.js運行我得到這個錯誤：

「（指數）：1未捕獲的ReferenceError：myFunction是不HTMLInputElement.onclick定義（http://localhost:3000/:1:1）」

無論是HTML和.js文件位於同一目錄中，所以在SRC =「main.js」的路徑應該是正確的。

來源

2016-12-03 HavocShot

什麼是你的項目目錄是什麼樣子？ –

移除類型=「JavaScript的」或使用類型=「文本/ JavaScript的」 –

在外部腳本上，您當前有type="javascript"，但您需要type="text/javascript"才能對其進行評估。

來源

2016-12-03 20:12:29 cherouvim

得到同樣的錯誤，當我按下按鈕。另外現在得到一個新的錯誤時的頁面最初加載說：main.js：1未捕獲的SyntaxError：意外的標記< – HavocShot

@HavocShot腳本加載和評估，有一個語法錯誤。如果你願意，你可以開始一個新的問題。 – cherouvim

@HavocShot你有你的main.js「

-1

確定..分析你的問題。嘗試按鈕標記和JQuery單擊事件。

從按鈕標籤調用

meteorTest

<body> 
<h1>Welcome to Meteor!</h1> 
<button onclick="myfunction()" value="Click me!" ></button> 
</body>

jQuery的Click事件（注： - 不要包括的jquery.js/jquery.min.js文件）

<title>meteorTest</title> 
<script type="text/javascript" src="main.js"> 
</script> 
</head> 

<body> 
<h1>Welcome to Meteor!</h1> 
<button id="callme" value="Click me!" ></button> 
</body>

在Javascript中側（main.js）

$("#callme").click(function(){ 
    myfunction(); 
});

來源

2016-12-03 20:21:45

這並不回答他的問題.... –

相關問題