a标签无onclick,href="Javascript:;"如何实现的跳转

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了a标签无onclick,href="Javascript:;"如何实现的跳转相关的知识,希望对你有一定的参考价值。

今天看了一下QQ空间里面的代码。。。发现他的导航中的超链接代码都是类似这样的
<a href="javascript:;" title="主页" tabindex="1" accesskey="z">主页</a>

我想问。。他是如何实现页面跳转的。。。

可以在页面加载完毕后再用javascript代码给a标签绑定onclick事件,或者直接给href属性赋值:
比如(这里只用一个a标签做例子):
<a href="javascript:;" title="主页" tabindex="1" accesskey="z">主页</a>

<script>
window.onload=function()
document.getElementsByTagName("a")[0].href="要跳转的主页网址";

</script>追问

按你的说法。。那不是在载入页面的时候href的值也会改变的。。。我发的那段代码是载入完成之后的值。。应该不是这样的吧

追答

通过js动态设置的值(或者绑定的事件)是不会反映在源代码上的。

参考技术A 将点击事件绑定a标签,后使用window.location追问

如何绑定的。。。

简单的a标签onclick,为啥无效呢?求解。。。。

<script src="jq/jquery-1.7.1min.js" type="text/javascript"></script>
<script>
$(function()
function kolisthobx()
$(".fixbox").show(2000)
;
)
</script>
<style>
.conbox width:340px; height:500px;
.fixbox width:100px; height:500px; background:#036; position:fixed; top:0px; right:0px; display:none;
</style>
</head>
<body>
<div class="conbox">
<div><a href="javascript:void(0)" onclick="kolisthobx()">
<img src="imgs/lady (2).jpg" width="340" height="360" /></a></div>
<div>这是一张图片</div>
</div>
<div class="fixbox">

参考技术A

kolisthobx方法定义在jquery函数里不行吧

可以这样

<script>

$(function()


  $(".fixbox").click(function()this.show(2000););
  
 )

</script>

追问

o ?不是我写的问题?你确定不啊?那我要用show怎么办啊。。。很多标签想调用这个的

追答

然后页面里的onclick就不用写了,好久不写了,如果不行,this就写成$(this)

追问

..你写错了。是conbox点击出现fixbox......
$(function()
$(".conbox").click(function()
$(".fixbox").show(2000)
);
) 这样才对。。。
问题是我是想研究我上面的代码为什么不能运行呢

追答

还是那问题,
function kolisthobx()
不要写在$(function())里,写在外面。
写在里面的话,就是个子函数。恐怕页面调用不到。

以上是关于a标签无onclick,href="Javascript:;"如何实现的跳转的主要内容,如果未能解决你的问题,请参考以下文章

关于A标签使用onclick事件的疑问

js阻止a标签href跳转

简单的a标签onclick,为啥无效呢?求解。。。。

body标签怎么实现onclick 效果?

关于JS修改a标签的onclick方法后修改的JS方法不能使用的问题?

a标签href不跳转 禁止跳转