如何在当前页面内点击链接 地址栏地址不变?据说是使用javascript实现的,请问如何操作?
1个回答
2013-05-29
展开全部
如果不借助服务端程序的话,基本上只有两种解决办法:
1.链接的target 属性指向页面上的一个帧(frame 或iframe),这样点击之后帧里的页面会发生变化,但帧外部的页面还是原来那个,所以地址栏不会改变,如:
<a href="aaa.htm" target="contentFrame">链接</a>
<iframe name="contentFrame" width="100%" height="500"></iframe>
2.链接点击后实际只是调用一个javascript 函数,这个函数里做该你想做的事,甚至可以清空当前的所有DOM 元素然后插入新的元素,看起来象是改变了页面,但实际上,对浏览器来说还是认为处于原页面,所以地址栏不会发生变化,如:
<a href="javascript:clickFunc()">链接</a>
<script>
function clickFunc(){
document.write('looks like a new page');
}
</script>
1.链接的target 属性指向页面上的一个帧(frame 或iframe),这样点击之后帧里的页面会发生变化,但帧外部的页面还是原来那个,所以地址栏不会改变,如:
<a href="aaa.htm" target="contentFrame">链接</a>
<iframe name="contentFrame" width="100%" height="500"></iframe>
2.链接点击后实际只是调用一个javascript 函数,这个函数里做该你想做的事,甚至可以清空当前的所有DOM 元素然后插入新的元素,看起来象是改变了页面,但实际上,对浏览器来说还是认为处于原页面,所以地址栏不会发生变化,如:
<a href="javascript:clickFunc()">链接</a>
<script>
function clickFunc(){
document.write('looks like a new page');
}
</script>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询