通過ASP.NET編譯Visual Studio IDE中的JavaScript和HTML代碼

我已經通過3個簡單的教程介紹瞭如何使用VS 2010開始JavaScript，他們都一致地描述了通過File,New創建項目的基本步驟， Project,ASP.NET Empty Web Application，然後通過Add,New Item添加一個JavaScript文件，最後在項目中添加一個HTML頁面。通過ASP.NET編譯Visual Studio IDE中的JavaScript和HTML代碼

我的兩個文件的內容如下，在所有的基本教程描述，就像一個HelloWorld程序：

JScrip1.js

function add(a, b) 
{ 
    return a + b; 
}

HTMLPage1.htm

<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 
    <title>My page title!</title> 
    <script type="text/javascript" src="JScript1.js" /> 
</head> 

<body> 
    <script type="text/javascript" > 
     alert("Sum of 3 and 4 = " + add(3, 4)); 
    </script> 
</body> 

</html>

在所有教程中，在HTML組件上單擊鼠標右鍵，然後選擇View in Browser，它編譯並顯示其結果的警告窗口（7），但我的只顯示的標題標籤和彈出消息說ASP.NET Development Server is running on port 56044

打開具有以下網址的網頁：http://localhost:56044/HTMLPage1.htm

我錯過了什麼？爲什麼我的html頁面完全空白？

通過改變我的HTML腳本如下決議：，由於賈裏德

<!DOCTYPE html PUBLIC> 
<html> 

<head> 
    <title>My page title!</title> 
    <script type="text/javascript" src="JScript1.js"></script> 
</head> 

<body> 
    <script type="text/javascript" > 
     alert("Sum of 3 and 4 = " + add(3, 4)); 
    </script> 
</body> 

</html>

來源

2016-06-20 Joshua

除了你的javascript之外，你沒有任何東西在體內，所以頁面會變成空白。當你轉到頁面時，警報彈出嗎？在瀏覽器中調試（F12）會發生什麼？僅供參考，HTML和Javascript不能編譯。 – ElGavilan

感謝您的回覆。在正文中，當我通過右鍵單擊「HTML」組件選擇「在瀏覽器中查看」時，應該顯示「alert」消息。沒有？ – Joshua

最終的答案是一個需要<script type="text/javascript" src="JScript1.js" />改爲<script type="text/javascript" src="JScript1.js"></script>。腳本標籤不是自動關閉的。顯然，瀏覽器不會抱怨，只是默默地忽略標籤。：P

您的瀏覽器阻止彈出窗口？如果是這樣，您可以將alert()命令更改爲console.log()命令。這應該更安全。（按F12打開瀏覽器開發人員工具並查找控制檯選項卡以查看console.log()輸出）

僅供參考：控制檯日誌還將顯示javascript錯誤等。就像它無法加載JScrip1.js文件一樣。

來源

2016-06-20 15:14:10 Jaguir

謝謝。當我這樣做時，Chrome控制檯中不會顯示任何內容。我選擇在瀏覽器中查看，然後按shift + ctrl + i調出開發人員工具，但控制檯中沒有任何內容... – Joshua

這聽起來像是JavaScript可能完全被阻止。也許嘗試在不同的瀏覽器中查看是否可能是這種情況。 – Jaguir

結果相同：空白頁。我選擇了'Browse with'，然後選擇了'Internet Explorer'，但結果與我在文章中描述的相同。我很困惑......當我使用http://www.w3schools.com/js頁面加載JS代碼時，它一切正常，所以這可能意味着我的谷歌瀏覽器應該沒問題。對？ – Joshua

通過ASP.NET編譯Visual Studio IDE中的JavaScript和HTML代碼

回答

相關問題