Javascript 函数onclick可打开新链接,而不转到原始链接
我有一个Javascript 函数onclick可打开新链接,而不转到原始链接,javascript,jquery,html,Javascript,Jquery,Html,我有一个href标签,上面有指向另一个页面的链接 <a name="mylink" class="mylink" href="path-to-new-page.html">Link to new page</a> 如果用户单击“是”,则会重定向到help.html页面 如果他单击“否”,他将被发送到原始href的链接 我必须将jquery用于弹出窗口而不是警报框吗?要首先回答第二个问题,您不必这样做,因为您可以在Javascript中内联获得警报框的结果 至于点击标签
href
标签,上面有指向另一个页面的链接
<a name="mylink" class="mylink" href="path-to-new-page.html">Link to new page</a>
如果用户单击“是”,则会重定向到help.html页面
如果他单击“否”,他将被发送到原始href
的链接
我必须将jquery用于弹出窗口而不是警报框吗?要首先回答第二个问题,您不必这样做,因为您可以在Javascript中内联获得警报框的结果 至于点击
标签,听起来就像一个按钮。与链接的语法相同,但您可以执行以下操作:
<button onclick='myFunction()'>Click Here</button>
当然,其中,helpcenter.html
是您的帮助中心,linktarget.html
是链接的原始目标URL
confirm()
只返回一个布尔值,说明他们是按了OK(true
)还是cancel,还是按了对话框顶部的x
(false
),而document.href.location
与说免责声明完全相同:我在这个演示中使用了个人URL,他们可能会在未来消失,但他们的名字应该仍然很容易理解
不带jQuery
var links=document.getElementsByClassName('myLink');
对于(var i=0,l=links.length;ijquery只是一堆(ultra)方便的javascript函数。你没有理由用它来构建弹出窗口,但你可能会发现使用jquery比不使用jquery容易得多。你的意思是你不想使用确认?你到底想做什么?两者都是可能的。虽然我个人觉得警告框非常烦人,对用户不友好。我会使用阻止点击事件的默认设置。然后显示一个以灰色背景为中心的div,而不是网站的背景。事实上,这是非常正确的。显示div会让用户更好地看到,并且不会觉得是“危险的”提醒。只需向用户提示两种或两种以上的可能性。这也让我可以使用CSS样式此提醒框非常感谢。我非常喜欢Jquery!!!现在我看到它非常简单。这肯定是我问题的答案。干杯
<button onclick='myFunction()'>Click Here</button>
function myFunction(){
if(confirm("Would you like to see our help center first?")){
// what happens if they select yes //
document.href.location = "helpcenter.html";
}else{
// what happens if they select no //
document.href.location = "linktarget.html";
}
}