26、JavaScript与jQuery：创建和控制新窗口及页面内窗口效果

JavaScript与jQuery：创建和控制新窗口及页面内窗口效果

1. 让外部链接在新窗口打开

在网页开发中，有时我们希望外部链接在新窗口中打开，这样用户在浏览新页面时不会离开当前页面。我们可以使用jQuery来实现这个功能。

1.1 直接在页面中添加代码

首先，使用jQuery选择器选取所有以 http:// 开头的链接，然后使用 not() 函数排除指向当前网站的链接，最后将这些外部链接的 target 属性设置为 _blank 。以下是具体代码：

<script src="js/jquery-1.6.3.min.js"></script>
<script>
$(document).ready(function() {
  var myURL = location.protocol + '//' + location.hostname;
  $('a[href^="http://"]').not('[href^="'+myURL+'"]').attr('target','_blank');
});
</script>

1.2 使用外部JavaScript文件

另一种方法是创建一个外部JavaScript文件，将上述代码封装在一个函数中，然后在需要的页面中引入该文件并调用函数。
创建一个名为 open_external.js 的