我设置了这段 javascript 代码,它将 HTML 页面的内容加载到我的 div #mid 中。默认情况下,无论在何处按下,我网站上的所有链接都会这样做。但是,我想链接到外部网站并且不希望 javascript 将其加载到 div 中,我希望它在新选项卡中打开。
<script src="javascript/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="javascript/core.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
// Configuration
divID = '#mid';
loadingHTML = 'Loading..';
});
</script>
<script type="text/javascript">
$(function(){
$(divID).load('pages/home.html');
});
</script>
要加载我刚刚使用的链接:
<a href="pages/services.html"></a>
我怎样才能阻止它加载到我选择的某些链接的 div 中?感谢您的帮助!
最佳答案
我假设您有某种方式可以告诉您要在 div 中打开哪些链接以及要在新选项卡中打开哪些链接。
对于此示例,我将使用 .internal
作为加载到 div 中,使用 .external
作为在新选项卡中的加载。
window.open(url)
函数就是您要找的:
$(document).ready(function(){
$("a.internal").click(function(e){
e.preventDefault();
$(divId).load($(this).attr("href"));
});
$("a.external").click(function(e){
e.preventDefault();
window.open($(this).attr("href"));
});
});
所以一个内部加载链接应该是这样的:
<a href="/pages/somePage.html" class="internal">An Internal Link</a>
外部链接应该是这样的:
<a href="http://www.google.com" class="external">An External Link to Google</a>
关于javascript - 停止将 javascript 加载到 div 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22212094/