Bagaimana untuk menyembunyikan kod JavaScript daripada pelayar lama yang tidak menyokong JavaScript?-tutorial js-php.cn

Bagaimana untuk menyembunyikan kod JavaScript daripada pelayar lama yang tidak menyokong JavaScript?

WBOY

Lepaskan： 2023-09-03 20:05:12

ke hadapan

1215 orang telah melayarinya

如何对不支持 JavaScript 的旧浏览器隐藏 JavaScript 代码？

Pelayar lama kadangkala tidak memahami teg skrip JavaScript. Jika tidak, mereka sahaja Abaikan dan paparkan skrip anda seolah-olah ia adalah sebahagian daripada badan dokumen HTML (X). ia adalah Pilihan pintar untuk menggunakan ulasan untuk menyembunyikan skrip dalam penyemak imbas yang sudah lapuk untuk mengelakkan perkara ini daripada berlaku.

Semua penyemak imbas moden kini menyokong JavaScript namun, penyemak imbas awal tidak. dalam ini Dalam artikel ini, kita akan mempelajari cara menghalang kod JavaScript daripada dilaksanakan dalam pelayar lama.

Oleh kerana sesetengah penonton anda akan melihat tapak pada telefon mudah alih, manakala yang lain menggunakan desktop yang besar Pada skrin, tapak web tidak boleh kelihatan sama dalam semua penyemak imbas. Begitu juga, sebahagian daripada anda Pengguna akan menggunakan pelayar lapuk manakala yang lain akan menggunakan pelayar terkini. Beberapa Pengguna anda mungkin menggunakan pembaca skrin untuk mendengar mesej anda dibaca dengan kuat, atau mungkin pernah Zum masuk untuk membaca. Menyediakan versi defensif kandungan yang kelihatan hebat Pelayar moden, tetapi masih boleh digunakan pada tahap asas untuk pengguna pelayar lama adalah konsepnya "Sokong semua orang."

Strategi - Kami akan menggunakan komen HTML satu baris tanpa penamat ( 标签已打开。之后，我们将创建隐藏的 JavaScript 代码来自早期的浏览器。在我们使用结束符之前，脚本将使用标签结束带注释的字符 (//->) selepasnya.

Tatabahasa

<script>
   <!--
      // Your JavaScript code
      // that is hidden from older browser
      console.log("Tutorials Point");
   //-->
</script>

Salin selepas log masuk

Contoh 1

Dalam contoh ini, mari kita fahami, jika penyemak imbas adalah pelayar yang menyokong JavaScript, maka latar belakangnya Warna akan berubah menjadi merah jika tidak, ia akan kekal kuning.

<!DOCTYPE html>
<html>
   <title>How can JavaScript code be hidden from old browsers that do not support JavaScript - TutorialsPoint</title>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body bgcolor="green">
   <h1 style="text-align: center; font-size: 3rem;">
      Learn JavaScript with TutorialsPoint!
   </h1>
   <script type="text/javascript">
      <!--
         document.bgColor = "orange";
      //-->
   </script>
</body>
</html>

Salin selepas log masuk

Kami dapat melihat bahawa penyemak imbas yang lapuk mengabaikan kod JavaScript dan menganggapnya sebagai HTML Ambil perhatian, sementara pelayar semasa boleh mengakses kod JavaScript tanpa sebarang masalah.

Memaparkan oren apabila penyemak imbas menyokong JavaScript, seperti yang ditambahkan dalam gaya Contoh di atas.

Seterusnya, apabila penyemak imbas tidak menyokong JavaScript, ia akan dipaparkan dalam warna hijau, seperti yang ditambahkan dalam gaya contoh di atas.

Contoh 2

Kaedah penyembunyian skrip ini juga berfungsi untuk penyemak imbas yang menyokong JavaScript. Jumlah pertama skrip Beberapa baris terakhir berfungsi sebagai tajuk. Jurubahasa JavaScript pihak pelanggan memahami HTML Walau bagaimanapun, anggap ia seperti ulasan satu baris.

Oleh itu, baris kedua dianggap sebagai ulasan satu baris dalam pelayar yang menyokong JavaScript. serupa Anda boleh melihat bahawa baris di bawah bermula dengan rentetan ulasan satu baris dua kali dan oleh itu menyokong JavaScript Penyemak imbas juga akan melangkau baris itu. Kini hanya baris 3 hingga 5 masih berjalan Dilaksanakan sebagai pernyataan JavaScript.

Walaupun memerlukan sedikit masa untuk membiasakan diri, HTML yang ringkas dan elegan ini Komen JavaScript mencapai matlamat yang kami inginkan untuk menghalang kod JavaScript daripada dipaparkan Penyemak imbas yang tidak menyokong JavaScript. Penggunaan komen seperti ini masih sangat biasa Walaupun lebih sedikit penyemak imbas kini memerlukannya, ia wujud dalam kod JavaScript di seluruh internet.

<!DOCTYPE html>
<html>
<title>How can JavaScript code be hidden from old browsers that do not support JavaScript - TutorialsPoint
</title>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="text-align:center">
   <h2> Visit TutorialsPoint! </h2>
   <div id="result"> </div>
   <script langauge="JavaScript">
      <!-- start an HTML comment to hide the script
      // Here are the JavaScript statements.
      //
      //
      // close the HTML comment which hides the script -->
      const date = new Date();
      document.getElementById("result").innerHTML = (date);
   </script>
</body>
</html>

Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk menyembunyikan kod JavaScript daripada pelayar lama yang tidak menyokong JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!