我有3个文件html:force_hyperlink_open_in_new_window.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Force hyperlink open in new window</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</head>
<body>
<a href="force_hyperlink_open_in_new_window_01.html">Foo</a>
<a href="force_hyperlink_open_in_new_window_02.html">Bar</a>
<script type="text/javascript">
$('a[href^="http://"]')
.not('[target="_blank"]')
.attr('target', '_blank');
</script>
</body>
</html>
force_hyperlink_open_in_new_window_01.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>01</title>
<style>
body{
background-color: tomato;
}
</style>
</head>
<body>
</body>
</html>
force_hyperlink_open_in_new_window_02.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>02</title>
<style>
body{
background-color: limegreen;
}
</style>
</head>
<body>
</body>
</html>
为什么2个超链接无法在新标签页中打开(我使用的是Google Chrome版本52.0.2743.116(64位))?
您可以http://
在链接相对的情况下选择以开头的锚,而不是http://
。
将JQuery选择器更改为常规锚点:$('a')
如果目标没有,它将添加您的目标。参见https://jsfiddle.net/k7ww81ee/
$('a')
.not('[target="_blank"]')
.attr('target', '_blank');
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句