jQuery ouvre tous les hyperliens dans une nouvelle fenêtre

Utilisez jQuery pour personnaliser le style hyperlien et ouvrir l'hyperlien dans une nouvelle fenêtre

Voici quelques extraits de code JavaScript qui utilisent jQuery pour personnaliser les styles CSS hyperliens pour le faire ressortir, et des conseils pour utiliser jQuery pour ouvrir les hyperliens dans une nouvelle fenêtre.

ouvrir l'hyperlien dans une nouvelle fenêtre

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

Vous pouvez ajouter des images ou du texte aux hyperliens via des opérations de chaînage simples. Cet exemple ajoute [^] à la fin du texte du lien.

Hyperlien externe de style personnalisé

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

Ensuite, ajoutez du code jQuery:

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

Ce code recherche toutes les balises d'ancrage avec rel="external" Attributs et les ouvre dans une nouvelle fenêtre lorsqu'il est cliqué. "return false;" Empêche également la page actuelle de passer à l'URL. De plus, ces liens obtiendront la classe CSS "externe", donc il peut être stylé, par exemple:

Ajouter une image d'arrière-plan à l'hyperlien externe

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

jQuery et Hyperlien FAQ (FAQ)

Comment utiliser jQuery pour ouvrir un hyperlien dans une nouvelle fenêtre?

Pour utiliser jQuery pour ouvrir un hyperlien dans une nouvelle fenêtre, vous pouvez utiliser la méthode window.open(). Cette méthode crée une nouvelle fenêtre et charge le document spécifié par l'URL donnée. Voici un exemple simple:

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

Ce code sélectionne tous les hyperliens sur la page. La méthode click() attache la fonction du gestionnaire d'événements à ces hyperliens. Lorsque vous cliquez sur l'hyperlien, la fonction est exécutée. La méthode event.preventDefault() bloque le fonctionnement par défaut de l'événement (c'est-à-dire ouvre un hyperlien dans la même fenêtre). Enfin, window.open(this.href, "_blank") ouvre l'hyperlien dans une nouvelle fenêtre.

Puis-je ouvrir l'URL dans une nouvelle page d'onglet au lieu d'une nouvelle fenêtre en utilisant jQuery?

Oui, vous pouvez utiliser jQuery pour ouvrir l'URL dans une nouvelle page d'onglet au lieu d'une nouvelle fenêtre. La méthode window.open() peut être utilisée à cet effet. Le deuxième paramètre de cette méthode spécifie l'emplacement de destination où l'URL doit être ouverte. Si vous définissez ce paramètre sur "_blank", l'URL s'ouvrira dans la nouvelle page d'onglet. Voici un exemple:

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

Ce code est le même que dans l'exemple précédent, ouvrant un lien dans un nouvel onglet.

(Les questions de FAQ suivantes sont essentiellement répétées avec les réponses à la première question, mais l'URL et les paramètres ont changé. Afin d'éviter la redondance, les réponses aux autres FAQ sont omises ici.) Le cœur de tous les FAQ est d'utiliser la méthode window.open(url, "_blank", "options") pour réaliser différents effets en modifiant l'URL et les paramètres d'options.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!