從aspx網頁表格解耦JavaScript

Question

我目前的任務是清理使用asp.net web表單構建的客戶端的網站。問題是它是意大利麪代碼。 default.aspx頁面中有數百行JavaScript。簡單地更新項目中的Jquery文件是一件麻煩事。我試圖找到一個框架或方法來從aspx頁面中分離JavaScript，但我無法找到任何這樣的東西。

有沒有一種方法可以將JavaScript與此頁面分離以清理它並希望使腳本可重用？

Answer 1

作爲第一步，您可以創建.js文件（可以說app.js）。通常你的html頁面將有<script>這樣的標籤：<script type="text/javascript"> function().... blah blah </script>。您可以複製<script>標籤之間的所有文本並將其粘貼到app.js。刪除包含標籤的<script></script>之間的所有內容。

注意：您可能有多個<script>標籤，如上所述......您可以對所有標籤重複上述過程並將其附加到app.js。

在HTML頁面中複製並刪除<script>標籤中的內容後，我們需要參考app.js。爲此，請創建一個腳本標籤，如<script type="text/javascript" src="relative/path/to/app.js">。而已！

要測試您的相對路徑是否正常工作，請嘗試將您的瀏覽器指向相對路徑，例如：www.example.com/.../relative/path/to/app.js，如果您的瀏覽器顯示app.js代碼，則您已設置完畢。

你可以走得更遠了一步，模塊化的JS代碼等見here：lIMHO這是一個良好的開端 讓我知道如何去