javascript - 代用する方法

Question

I have a question about retrofitting the following code to gracefully handle noscript scenario.

Call me <a href="" onclick="activateContact(); return false;" unselectable="on"> <span>My Contact</span> </a>

I'd like to subsitute the line above in case of noscript with:

Call me at 1-800-555-1525. 

Thanks in advace.

Answer 1

リンクを noscript 動作に設定します。

 Call me at <a  id="callMeLink" href="#" unselectable="on"> <span>1-800-555-1525.</span> </a>

次に、js でプログレッシブ エンハンスメントを行います。js がブラウザーでアクティブ化されていない場合、上記のリンクは既に適切な形式になっています。

<script>
   var callMeLink = document.getElementById("callMeLink");
   callMeLink.onclick = activeContact;
   callMeLink.innerHTML = "<span>My Contact</span>";
</script>

Answer 2

scriptタグは JavaScript に使用されます。同じように、ブラウザで Javascript が無効になっているときに動作するタグがあります。したがって、ブラウザーで JS が無効になっているときにアンカーを noscript データに置き換えるには。これを使って

<script>
  Call me <a href="" onclick="activateContact(); return false;" unselectable="on"> 
  <span>My Contact</span> </a>
</script>


<noscript>
    Call me at 1-800-555-1525. 
</noscript>