Jadual Kandungan
userAgent:
version:
Is IE 6?
Rumah hujung hadapan web tutorial js 使用jQuery判断IE浏览器版本的代码_jquery

使用jQuery判断IE浏览器版本的代码_jquery

May 16, 2016 pm 04:44 PM
jquery penghakiman pelayar

IE还真是让设计师恨的牙痒痒的东西,且现在已经有IE6、IE7、IE8、IE9、IE10这个五种不同版本的浏览器,且都有一点小差异。但是没办法,为了让网页在每个浏览器中显示都一样还必须迁就它。

不过现在我基本上都不太愿意对低版本的IE去做兼容了。比如IE6、IE7这些直接忽略!IE8的话还凑合一下。好在IE9和IE10对网络标准支持都比较了,等IE9版本以上的浏览器普及以后就好很好了。

但是不做兼容归不做兼容,还是要简单的处理一下的。幸运的是 jQuery 提供了 browser 标记来让我们能判断现在的访客是用什么浏览器及版本:

<script type="text/javascript" src="http://img.jb51.net/jslib/jquery/jquery.js"></script>
<script type="text/javascript">
 $(function() {
 var userAgent = window.navigator.userAgent.toLowerCase();
 var version = $.browser.version;
 $(".info").html(
  "<h3 id="userAgent">userAgent:</h3>" + userAgent + "<br />" +
  "<h3 id="version">version:</h3>" + version
 );
 });
</script>
 
<body>
 <div class="info"></div>
</body>
Salin selepas log masuk

我用了一点简单的范例来显示目前浏览器的 userAgent 及 jQuery.browser.version,接着在 IE 6~8 中测试,但其中显示的结果还真是让错愕咧!

通过 jQuery.browser.version 判断为IE6

通过 jQuery.browser.version 判断为IE7

通过 jQuery.browser.version 判断为IE8


从结果看来, IE 7 的判断是错误的,在仔细看它的 userAgent 时会发现,里面除了 msie 7.0 之外,还包含了 msie 6.0,因此导致 jQuery.browser.version 的比对就有问题了。既然已经知道问题,那我们就能针对问题来解决。

第一种方式是比较直接的方式,先判断 userAgent 中如果有出现较高版本的话,那就是依该版本为主:

当要使用时,就能用 $.browser.msie6~10 来做判断处理了。另一种就是直接修正 jQuery.browser.version 的比对方式:

<script type="text/javascript" src="http://img.jb51.net/jslib/jquery/jquery.js"></script>
<script type="text/javascript">
 $(function() {
 var userAgent = window.navigator.userAgent.toLowerCase();
 
 $.browser.msie10 = $.browser.msie && /msie 10\.0/i.test(userAgent);
 $.browser.msie9 = $.browser.msie && /msie 9\.0/i.test(userAgent); 
 $.browser.msie8 = $.browser.msie && /msie 8\.0/i.test(userAgent);
 $.browser.msie7 = $.browser.msie && /msie 7\.0/i.test(userAgent);
 $.browser.msie6 = !$.browser.msie8 && !$.browser.msie7 && $.browser.msie && /msie 6\.0/i.test(userAgent);
 
 $(".info").html(
  "<h3 id="userAgent">userAgent:</h3>" + userAgent + "<br />" +
  "<h3 id="Is-IE">Is IE 10&#63;</h3>" + $.browser.msie10 +
  "<h3 id="Is-IE">Is IE 9&#63;</h3>" + $.browser.msie9 +
  "<h3 id="Is-IE">Is IE 8&#63;</h3>" + $.browser.msie8 +
  "<h3 id="Is-IE">Is IE 7&#63;</h3>" + $.browser.msie7 +
  "<h3 id="Is-IE">Is IE 6&#63;</h3>" + $.browser.msie6
 );
 });
</script>
 
<body>
 <div class="info"></div>
</body>
Salin selepas log masuk

经过这样的修正之后,当我们再使用 jQuery.browser.version 来判断时就能正确的显示 IE 的版号了。两种方式都有其方便性,就看各位要选择那一种来使用啰!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Portal pendaftaran terkini untuk laman web rasmi OUYI Portal pendaftaran terkini untuk laman web rasmi OUYI Mar 21, 2025 pm 05:54 PM

Sebagai platform perdagangan aset digital terkemuka di dunia, Ouyi Okx menarik banyak pelabur dengan produk dagangannya yang kaya, jaminan keselamatan yang kuat dan pengalaman pengguna yang mudah. Walau bagaimanapun, risiko keselamatan rangkaian menjadi semakin teruk, dan bagaimana untuk mendaftarkan akaun OUYI OKX rasmi adalah penting. Artikel ini akan menyediakan portal pendaftaran terkini untuk laman web rasmi OUYI OKX, dan menerangkan secara terperinci langkah-langkah dan langkah berjaga-jaga untuk pendaftaran yang selamat, termasuk cara mengenal pasti laman web rasmi, menetapkan kata laluan yang kuat, membolehkan pengesahan dua faktor, dan lain-lain, untuk membantu anda memulakan perjalanan pelaburan aset digital anda dengan selamat dan mudah. Sila ambil perhatian bahawa terdapat risiko dalam pelaburan aset digital, sila buat keputusan berhati -hati.

Port Login Exchange Coinbase 2025 Port Login Exchange Coinbase 2025 Mar 21, 2025 pm 05:51 PM

Panduan Masuk Keselamatan Coinbase: Bagaimana untuk mengelakkan tapak pancingan data dan penipuan? Phishing dan penipuan menjadi semakin berleluasa, dan sangat penting untuk mengakses portal log masuk rasmi Coinbase. Artikel ini menyediakan panduan praktikal untuk membantu pengguna mencari dan menggunakan portal log masuk rasmi terkini Coinbase untuk melindungi keselamatan aset digital. Kami akan meliputi cara mengenal pasti tapak pancingan data, dan bagaimana untuk log masuk dengan selamat melalui laman web rasmi, aplikasi mudah alih atau platform pihak ketiga yang dipercayai, dan memberikan cadangan untuk meningkatkan keselamatan akaun, seperti menggunakan kata laluan yang kuat dan membolehkan pengesahan dua faktor. Untuk mengelakkan kerugian aset kerana log masuk yang salah, pastikan anda membaca artikel ini dengan teliti!

Tutorial muat turun domestik Tutorial muat turun domestik Mar 21, 2025 pm 05:42 PM

Artikel ini menyediakan panduan terperinci untuk muat turun selamat aplikasi OUYI OKX di China. Oleh kerana sekatan ke kedai aplikasi domestik, pengguna dinasihatkan untuk memuat turun aplikasi melalui laman web rasmi OUYI OKX, atau menggunakan kod QR yang disediakan oleh laman web rasmi untuk mengimbas dan memuat turun. Semasa proses muat turun, pastikan anda mengesahkan alamat laman web rasmi, periksa kebenaran aplikasi, lakukan imbasan keselamatan selepas pemasangan, dan membolehkan pengesahan dua faktor. Semasa penggunaan, sila mematuhi undang -undang dan peraturan tempatan, gunakan persekitaran rangkaian yang selamat, melindungi keselamatan akaun, berhati -hati terhadap penipuan, dan melabur secara rasional. Artikel ini hanya untuk rujukan dan tidak menjadi nasihat pelaburan.

Portal pendaftaran OUYI Exchange Web Versi OUYI Portal pendaftaran OUYI Exchange Web Versi OUYI Mar 20, 2025 pm 05:48 PM

Artikel ini memperincikan bagaimana untuk mendaftarkan akaun di laman web rasmi OUYI OKX Exchange dan memulakan perdagangan cryptocurrency. Sebagai pertukaran cryptocurrency terkemuka di dunia, Ouyi menyediakan pelbagai jenis perdagangan, pelbagai kaedah perdagangan dan jaminan keselamatan yang kuat, dan menyokong pengeluaran mudah dari pelbagai fiat dan cryptocurrency. Artikel ini merangkumi kaedah carian untuk pintu masuk pendaftaran laman web rasmi OUYI, langkah pendaftaran terperinci (termasuk pendaftaran e -mel/mudah alih, pengisian maklumat, pengesahan kod pengesahan, dll), serta langkah berjaga -jaga selepas pendaftaran (pensijilan KYC, tetapan keselamatan, dll.

Portal Pengesahan Nama Sebenar Binance Rasmi 2025 Portal Pengesahan Nama Sebenar Binance Rasmi 2025 Mar 18, 2025 pm 01:51 PM

Tutorial Pengesahan Nama Sebenar Binance Rasmi: Meningkatkan Keselamatan Akaun, Buka lebih banyak fungsi transaksi dan jumlah yang lebih tinggi! Artikel ini membimbing anda secara terperinci untuk melengkapkan pengesahan akaun Binance, termasuk log masuk ke laman web rasmi, memasuki halaman pengesahan, memilih tahap pengesahan (asas, pertengahan, dan maju, meliputi memuat naik kad ID, pasport dan dokumen lain dan pengesahan video), dan melihat hasil kajian semula. Cepat melengkapkan pengesahan nama sebenar Binance untuk memastikan keselamatan akaun anda dan menikmati pengalaman transaksi yang lebih mudah!

Penjelasan terperinci mengenai harga terbitan dan masa terbitan duit syiling tenun Penjelasan terperinci mengenai harga terbitan dan masa terbitan duit syiling tenun Mar 20, 2025 pm 06:21 PM

Loom Coin, permainan blockchain yang pernah terkenal dan platform pembangunan aplikasi sosial Token, ICOnya diadakan pada 25 April 2018, dengan harga isu kira-kira AS $ 0.076 per syiling. Artikel ini akan mengadakan perbincangan mendalam mengenai masa terbitan, harga dan langkah berjaga-jaga penting duit syiling, termasuk risiko volatiliti pasaran dan prospek pembangunan projek. Pelabur harus berhati -hati dan tidak mengikuti trend secara membabi buta. Ketahui tentang duit syiling, mulakan di sini!

Tutorial Muat turun Muat turun Domestik Binance Exchange App Tutorial Muat turun Muat turun Domestik Binance Exchange App Mar 21, 2025 pm 05:45 PM

Artikel ini menyediakan panduan muat turun aplikasi Binance Exchange yang selamat dan boleh dipercayai untuk membantu pengguna menyelesaikan masalah memuat turun aplikasi Binance di negara ini. Oleh kerana sekatan ke atas kedai-kedai aplikasi domestik, artikel itu mengesyorkan keutamaan untuk memuat turun pakej pemasangan APK dari laman web rasmi Binance, dan memperkenalkan tiga kaedah: muat turun laman web rasmi, muat turun kedai pihak ketiga, dan perkongsian rakan-rakan. Di samping itu, artikel itu juga mengingatkan pengguna untuk memahami undang -undang dan peraturan tempatan, memberi perhatian kepada keselamatan rangkaian, melindungi maklumat peribadi, berhati -hati dengan penipuan, pelaburan rasional, dan urus niaga yang selamat. Pada akhir artikel, artikel itu sekali lagi menekankan bahawa memuat turun dan menggunakan aplikasi Binance mesti mematuhi undang -undang dan peraturan tempatan, dan dengan risiko anda sendiri, dan tidak menjadi nasihat pelaburan.

Log masuk ke laman web rasmi terbaru Bitmex Exchange Log masuk ke laman web rasmi terbaru Bitmex Exchange Mar 21, 2025 pm 06:06 PM

Artikel ini menyediakan panduan yang selamat dan boleh dipercayai untuk membantu pengguna mengakses laman web rasmi terbaru Bitmex Exchange dan meningkatkan keselamatan transaksi. Oleh kerana ancaman pengawalseliaan dan siber, adalah penting untuk mengenal pasti laman web Bitmex rasmi dan mengelakkan laman web pancingan data mencuri maklumat dan dana akaun. Artikel ini memperkenalkan pencarian portal laman web rasmi melalui platform cryptocurrency yang dipercayai, media sosial rasmi, media berita, dan melanggan e-mel rasmi. Ingat, perdagangan cryptocurrency berisiko tinggi, sila melabur dengan berhati -hati.

See all articles