HTML 链接到外部网站在新窗口中打开
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML 链接到外部网站在新窗口中打开相关的知识，希望对你有一定的参考价值。
自动在新窗口中打开每个外部链接（html、css）
【中文标题】自动在新窗口中打开每个外部链接（html、css）【英文标题】：Open every external link in a new window automatically (html, css) 【发布时间】：2017-06-11 23:49:45 【问题描述】：我正在寻找一个选项，可以在新窗口中自动打开从我的网站（wordpress-blog）到任何其他网站的每个外部链接。是否可以使用 css 或 html 手动作为“目标 _blank”手动执行 1000 次？
非常感谢！
PS：对不起，我的英语不好，我不是母语人士:(
【问题讨论】：
如果您不想将 target="_blank" 添加到您的外部链接，那么您需要 javascript。 【参考方案1】：如果您将以下内容放在 HTML 的 head 标记中，则任何没有目标的 href 标记都应在新窗口中打开：
<head>
<base target="_blank">
</head>
【讨论】：
但是它也会在新窗口中打开我自己的每个内部链接，不是吗？【参考方案2】：是的，您可以使用Open external links in a new window 插件。
在新窗口中打开所有或特定的外部链接会很有帮助。
【讨论】：
【参考方案3】：将此代码放入您的主题functions.php文件中。
function cdx_handel_external_links()
?>
<script type="text/javascript">
( function( $ )
$("a[href^=http]").click(function()
if(this.href.indexOf(location.hostname) == -1)
$(this).attr(
target: "_blank"
);
)
//Add Nofollow
$("a").each(function()
if(this.href.indexOf('nytimes.com') >0 )
$(this).attr(
rel: "nofollow"
);
);
)( jQuery );
</script>
<?php
add_filter( 'wp_footer', 'cdx_handel_external_links', 999);
【讨论】：
天啊，这真的有效^^不幸的是，我真的是一个完全编码的菜鸟，所以我希望这段代码永远不会发生技术问题或其他类似的问题？我只是把这段代码放在functions.php的末尾，是的，它有效！太感谢了。这也适用于所有浏览器和智能手机（io、android 等），对吗？真的谢谢你！ 此外：我正在寻找一个选项，可以自动将指向某个域（及其所有子页面）的所有外部链接设置为“nofollow”。也许这也可以通过functions.php文件实现？也许即使使用您的代码，“只是”添加一些东西？如果你也能帮助我，那就太好了。 THX 一堆！！ 你能给我举个例子来说明你的 nofollow 要求吗？ 当然 :) 例如，所有指向nytimes.com 的链接及其所有子页面（如nytimes.com/2017/01/28/us/… 等）都应该自动设置nofollow。就我而言，我会将它用于在线商店，但不想在这里公开网址。非常感谢！ 您好，我已经修改了代码。您可以将代码中的“nytimes.com”更改为任何其他域以自动添加 rel=nofollow。请选择此作为您的答案，以便其他人可以在相同情况下使用此代码:)以上是关于HTML 链接到外部网站在新窗口中打开的主要内容，如果未能解决你的问题，请参考以下文章