jQuery buka semua hiperpautan di tetingkap baru

Gunakan jQuery untuk menyesuaikan gaya hiperpautan dan buka hiperpautan dalam tetingkap baru

Berikut adalah beberapa coretan kod JavaScript yang menggunakan jQuery untuk menyesuaikan gaya Hyperlink CSS untuk membuatnya menonjol, dan petua untuk menggunakan jQuery untuk membuka hiperpautan dalam tetingkap baru.

Buka hiperpautan di tetingkap baru

// 使用jQuery在新窗口中打开所有超链接
$('a[href^="http://"]').attr("target", "_blank");
$(this).attr('href', newHref).attr("target", "_blank");

anda boleh menambah imej atau teks ke hyperlink melalui operasi chaining mudah. Contoh ini menambah

pada akhir teks pautan. [^]

gaya hiperlink luaran gaya tersuai

// 使用jQuery在新窗口中打开所有超链接
// 并为每个外部链接（包含“http://”）附加一个“^”
$('a[href^="http://"]').attr({
    target: "_blank",
    title: "在新窗口中打开"
}).append(' [^]');

Seterusnya, tambahkan beberapa kod jQuery:

$(document).ready(function() {
    $("a[@rel='external']").addClass("external")
       .click(function() { window.open($(this).href); return false; });
});

Kod ini mencari semua tag anchor dengan atribut

dan membukanya dalam tetingkap baru apabila diklik. "" menghalang halaman semasa dari beralih ke URL juga. Di samping itu, pautan ini akan mendapat kelas "luaran" CSS, jadi ia boleh digayakan, contohnya: rel="external" return false;

Tambahkan imej latar belakang ke hiperpautan luaran

// 更改外部超链接的背景图像
a.external {
  padding-left: 15px;
  background: url(external-link.png) top left no-repeat;
}

JQuery and Hyperlink FAQs (FAQs)

Bagaimana menggunakan jQuery untuk membuka hyperlink dalam tetingkap baru?

Untuk menggunakan jQuery untuk membuka hyperlink dalam tetingkap baru, anda boleh menggunakan kaedah

. Kaedah ini mewujudkan tetingkap baru dan memuat dokumen yang ditentukan oleh URL yang diberikan. Berikut adalah contoh mudah:

window.open()

Kod ini memilih semua hiperpautan pada halaman. Kaedah

$("a").click(function(event) {
  event.preventDefault();
  window.open(this.href, "_blank");
});

melampirkan fungsi pengendali acara ke hiperpautan ini. Apabila anda mengklik hiperpautan, fungsi dilaksanakan. Kaedah

menyekat operasi lalai peristiwa (iaitu, membuka hiperpautan dalam tetingkap yang sama). Akhirnya, click() membuka hyperlink dalam tetingkap baru. event.preventDefault() window.open(this.href, "_blank")

Bolehkah saya membuka URL dalam halaman tab baru dan bukannya tetingkap baru menggunakan jQuery?

Ya, anda boleh menggunakan jQuery untuk membuka URL dalam halaman tab baru dan bukannya tetingkap baru. Kaedah

boleh digunakan untuk tujuan ini. Parameter kedua kaedah ini menentukan lokasi destinasi di mana URL perlu dibuka. Jika anda menetapkan parameter ini kepada "", URL akan dibuka di halaman tab baru. Berikut adalah contoh:

window.open() _blank Kod ini adalah sama seperti dalam contoh sebelumnya, membuka pautan dalam tab baru.

$("a").click(function(event) {
  event.preventDefault();
  window.open(this.href, "_blank");
});

(Soalan -soalan Soalan Lazim berikutnya pada dasarnya diulangi dengan jawapan kepada soalan pertama, tetapi URL dan parameter telah berubah. Untuk mengelakkan kelebihan, jawapan kepada FAQ yang lain ditinggalkan di sini.)

Atas ialah kandungan terperinci jQuery buka semua hiperpautan di tetingkap baru. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!