第1節. 編寫JS代碼
對於.NET開發者來說，前端技術也是不能少的，0基礎的開發者來說，使用Visual Studio 2019開發工具是非常容易上手的。這裡創建一個空白的Web應用程式項目，ASP.NET Web應用程式是完全支持JavaScript代碼編寫的。
然後在此項目中再創建一個HTML頁面，用於編寫JavaScript代碼。
圖1創建的是一個空的Web項目，項目中除了基本的引用、Properties、Web.config之外，沒有其他任何多餘的文件。在圖1右擊項目名稱，添加一個新項目。
在圖2左側選擇「Web」下面的「HTML頁」，使用默認的名稱「HtmlPage1.html」，點擊「添加」按鈕。VS2019就會為我們創建出一個具有Html代碼的頁面。
JavaScript代碼就是在Html頁面上使用的，在瀏覽器中解釋和執行。現在我們編寫第一行JavaScript代碼：
<!DOCTYPE html><html><head><meta charset="utf-8" /> <title>一都編程，每個知識就是一個案例。</title> <script type="text/javascript"> document.write("你好！"); </script></head><body></body></html>
從這段Html代碼上可以看出來，JavaScript代碼是與HTML代碼混合在一起編寫的。JavaScript代碼可以實現一些動態效果，且還可以從資料庫中拿數據，具有動態數據交互功能。
JavaScript代碼的基本使用如下說明：
一、代碼編寫位置
<script type="text/javascript">----JavaScript代碼段</script>
也就是將<script>標記放在<head>標記內。然後在<script>標記中編寫JavaScript代碼，另外，還可以放在<body>標記內。
將上面的Html+JavaScript代碼直接在瀏覽器裡運行，查看一下運行結果。
從頁面輸出的內容上看，document.write()方法與C#中的Response.Write()方法的作用是一樣的，都是在頁面上輸出內容，直接將HTML結果輸出。
另外，document.writeln()也是用來輸出內容的，只是比write()多出一個\n，但是在瀏覽器中，\n被解析為空格了，所以看不到換行效果。
在html中，換行使用<br/>表示：document.write("<br/>");
所有的HTML代碼都是可以放在document.write()方法中直接解釋輸出的。
<script type="text/javascript">document.write("<h3>歡迎學習JavaScript腳本語言</h3>"); document.write("<div>姓名：<input id='name' type='text'/></div>"); document.write("<div>年齡：<input id='age' type='text'/></div>"); document.write("<div><input id=\"register\" type=\"button\" value=\"提交\"/></div>");</script>
在document.write()方法中可以直接輸出HTML代碼並被瀏覽器解析，在雙引號中可以使用單引號嵌套，還可以使用轉義字符\」表示雙引號。
如果要在瀏覽器的控制臺輸出內容，可以使用console.log()輸出，按F12可以呼出控制臺，常用於輸出測試數據。
二、引用js文件
也可以將JavaScript代碼單獨放在一個.js文件中，然後在<head>或<body>標記內引用該文件：
在項目中創建一個JavaScript文件，並將上面的JavaScript代碼放在此*.js文件中。
然後將「 JavaScript.js」文件拖放到「HtmlPage1.html」的<head>標記內：
在Html代碼中只存放js文件，對於頁面來說，不僅代碼整潔，且容易維護，是一種推薦的做法。
如果HTML內容顯示完成後,再使用document.write()，則會覆蓋原來的內容。
第2節. 響應按鈕事件
使用JavaScript代碼可以直接輸出Html代碼，還可以對按鈕的事件做出響應，以便我們能夠對用戶的請求做出反應。
JavaScript是一門腳本語言，是在瀏覽器上執行的，不需要編譯，解釋輸出，支持事件。我們可以在事件發生時執行 JavaScript代碼，比如當用戶在按鈕上點擊時就會觸發一段JavaScript代碼去執行。
這裡我們添加一個Input標記，讓type屬性的值為「button」，這樣就生成一個按鈕，可供用戶單擊。
然後修改一下<input>標的代碼：
<input id="Button1" type="button" value="單擊我" onclick="return confirm('是否確認刪除？')" />
在此代碼中，我們給input標記添加了onclick屬性，該屬性的值就是按鈕單擊時觸發的事件，執行的代碼是return confirm('是否確認刪除？')。
這個我們之前在ASP.NET WebForm就接觸過，用來彈出確認框的。現在我們來運行一下這段JS代碼，看一下運行效果：
當我們單擊按鈕後，就會彈出確認框，表示按鈕的事件已經觸發到了，事件中的代碼已被執行。
在任何的HTML標記上都可以使用onclick執行事件。
(1). <div onclick="getData()">你好</div>(2). <span onclick="getData()">你好</span>(3). <img src="" onclick="getData()" />(4). <input type="button" onclick="getData()" />
對於JavaScript的學習，相對於C#語言來說，要簡單一些，語法上也基本相似，只是執行的方式不一樣，且還要與Html標記做交互，這是一個難點，也是開發Web前端的一個核心點。