如何檢查是否啟用了javascript並將其納入網頁？

Question

如果此人未使用JavaScript，我想使用按鈕提交表單；如果此人正在使用JavaScript，我想使用錨標記提交表單。 我該怎么做？

Answer 1

我建議僅以純HTML構建頁面。 然后使用JavaScript，將這些元素替換為啟用JavaScript的版本。 您可以使用“提交”按鈕來構建表單。 然后，使用JavaScript將提交按鈕替換為鏈接。

如果您還沒有遇到過這種方法，則稱其為“ 漸進增強” ，總而言之，它正在開發具有基本功能的產品（在您的情況下為“提交”按鈕），並添加可選部分（鏈接，使用JS）。

Answer 2

最初的HTML僅應包含按鈕，但請您的JavaScript刪除該按鈕，然后將其替換為錨標記。

Answer 3

默認情況下，顯示<noscript>標記內的按鈕。 同樣默認情況下，將錨的CSS設置為display: none; 。 在頁面加載事件中，使用JavaScript顯示錨點。 如果未啟用JS，則不會發生這種情況，並且僅顯示該按鈕。

    <a href="#" style="display: none;" id="JsVersion">click me</a>

    <noscript><input type="button" id="NoJsVersion" value="click me" /></noscript>

    <script>
    //Assuming you are using jQuery
    $("document").ready(
       function(){
          $("#JsVersion").show();
       }        
    );
    </script>