Javascript 伪造URL预览器?
我道歉,如果我没有使用正确的术语,下面是我试图复制的图像: 当你将鼠标悬停在一个链接上时,你会在浏览器的下角弹出一个url预览窗口 我在我的网站上实现了一些模式,每当你在链接上停留时,这个小小的底部url预览器就不会启动 当你将鼠标悬停在不是实际链接的东西上时,是否有必要伪造url预览?我想让我的用户知道,他们可以在指针光标之外单击这些东西。只有将鼠标悬停在带有Javascript 伪造URL预览器?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我道歉,如果我没有使用正确的术语,下面是我试图复制的图像: 当你将鼠标悬停在一个链接上时,你会在浏览器的下角弹出一个url预览窗口 我在我的网站上实现了一些模式,每当你在链接上停留时,这个小小的底部url预览器就不会启动 当你将鼠标悬停在不是实际链接的东西上时,是否有必要伪造url预览?我想让我的用户知道,他们可以在指针光标之外单击这些东西。只有将鼠标悬停在带有href属性的标签上时,“状态栏”才会出现。添加href属性将显示状态栏 如果您使用JavaScript将onclick事件绑定到链接
href
属性的标签上时,“状态栏”才会出现。添加href
属性将显示状态栏
如果您使用JavaScript将onclick
事件绑定到链接,只需使用e.preventDefault()
即可阻止浏览器跟随链接。
<a href="http://www.google.com" id="link" target="_blank">Go to Google ?</a>
<script>
document.getElementById("link").onclick = function () {
window.open(
"https://stackoverflow.com/");
return false;
};
</script>
document.getElementById(“link”).onclick=function(){
打开窗户(
"https://stackoverflow.com/");
返回false;
};
“URL预览器”被称为“状态栏”(以前在旧浏览器中一直可见,现在在现代浏览器中,它是自动隐藏的)。在较旧的浏览器中,您可以设置为在状态栏中放置您想要的任何内容。在现代浏览器中,此功能已被删除。所以不,触发它的唯一方法是使用一个“真实链接”,一个
标记。只需使用锚定标记而不是按钮。如果你真的想,你可以把锚点标签设计成一个按钮。我用的是一个标签。我使用javascript在单击时触发一个模式,但是由于它没有链接到url,并且是通过指定的ID触发的,所以它没有显示状态栏。谢谢大家的输入。@MathiasaurusRex:要让它显示状态栏,请给
标记一个href
属性。如果您不想让浏览器进入,那么只需在事件处理程序中使用e.preventDefault
阻止操作即可。@RocketHazmat谢谢,这正是我想要的!请不要仅用代码片段回答问题。学习如何写答案。