Javascript 如果选中此复选框,则在新选项卡中打开链接,否则在同一页面上打开链接 无标题 函数OpenWindow(信息){ 如果 { 打开(信息,'WinName','height=400,width=600,resizeable=yes,scrollbars=yes'); } 其他的 { target=“_self”; } }
单击以在新窗口中打开链接Javascript 如果选中此复选框,则在新选项卡中打开链接,否则在同一页面上打开链接 无标题 函数OpenWindow(信息){ 如果 { 打开(信息,'WinName','height=400,width=600,resizeable=yes,scrollbars=yes'); } 其他的 { target=“_self”; } },javascript,function,checkbox,onclick,Javascript,Function,Checkbox,Onclick,单击以在新窗口中打开链接 这就是我目前所拥有的。选中该复选框后,如果单击链接,它将在新选项卡中打开网站。但如果没有选中,它会像普通链接一样在同一页面上打开。我已经在这方面工作了一段时间,所以任何帮助都将不胜感激。谢谢 我已经删除了一些标记问题和内联内容。这应该可以为您做到: 你还没有告诉我们你的错误 在任何情况下,如果希望继续单击,onclick语句都应该返回true(每个浏览器的行为各不相同,但如果不返回true,我知道firefox不会打开链接) 另外-当您说this时,您正在检查锚定标
这就是我目前所拥有的。选中该复选框后,如果单击链接,它将在新选项卡中打开网站。但如果没有选中,它会像普通链接一样在同一页面上打开。我已经在这方面工作了一段时间,所以任何帮助都将不胜感激。谢谢 我已经删除了一些标记问题和内联内容。这应该可以为您做到:
你还没有告诉我们你的错误 在任何情况下,如果希望继续单击,onclick语句都应该返回true(每个浏览器的行为各不相同,但如果不返回true,我知道firefox不会打开链接) 另外-当您说
this时,您正在检查锚定标记是否已“选中”。选中
var checky = document.getElementById('checky');
var anchor = document.getElementById('linky');
var link = anchor.getAttribute('href');
function OpenWindow(href) {
if (checky.checked) {
window.open(href, '_blank');
} else {
window.open(href, '_self');
}
}
anchor.onclick = function () {
OpenWindow(link);
return false;
};
您需要做的唯一一件事是在复选框被选中或未被选中时设置目标属性。它会在当前选项卡中打开,但当我选中该框并单击链接时,它不会打开新选项卡。嘿@Travis,我做了一些更新-如果您在JSFIDLE中选中,请记住那里的框架集将阻止加载到“\u self”。祝你好运!如果有什么安慰的话,我之前的代码与之非常相似,我仍然有同样的问题。我的实际文件中确实有代码。我有我的脚本函数在我的脑袋里,输入在body标签里。选中该复选框时,不会打开新的单独选项卡。我不明白为什么。代码在我看来很好。此代码工作正常。尽管您必须将其包含在实际文件中,或者在标记之后添加javascript(就在关闭body标记之前),而不是在头部。或者将其放在头部,但通过window.onload调用。
<input id="checky" type="checkbox">Click To Open Link in New Window</input>
<br />
<a href="http://www.youtube.com" id="linky">Youtube</a>
var checky = document.getElementById('checky');
var anchor = document.getElementById('linky');
var link = anchor.getAttribute('href');
function OpenWindow(href) {
if (checky.checked) {
window.open(href, '_blank');
} else {
window.open(href, '_self');
}
}
anchor.onclick = function () {
OpenWindow(link);
return false;
};
$('#aLink').attr('target','_blank');
$('#chk').click(function(){
if($(this).is(':checked')){
$('#aLink').attr('target','_self');
}else{
$('#aLink').attr('target','_blank');
}
});