a标签的onclick与href同时存在的处理

本文介绍了在HTML中使用<a>标签时,如何通过设置onclick事件来控制页面是否进行跳转,特别是如何阻止默认行为以及使用iframe实现局部刷新的方法。

        在用 <a href="" onclick=""> 时,我们菜鸟经常会不知道如何处理页面跳转与否的问题,现在我在网上搜索发现了如下内容:

        1、链接的onclick事件被先执行,其次是href属性下的动作(页面跳转,或 javascript 伪链接);
        2、如果想让href属性下的动作不执行,onclick必须得到一个false的返值;
        3、如果页面过长有滚动条,且希望通过链接的 onclick事件执行操作。应将它的 href属性设为 javascript:void(0); ,而不要是 #,这可以防止不必要的页面跳动;
如果在链接的 href属性中调用一个有返回值的函数,当前页面的内容将被此函数的返回值代替;

        但是以上的onclick事件不能包括onclick="window.open('url',' ');"这种情况,要是onclick有了window.open但是又不想页面发生跳转,我们可以在当前页面嵌套一个iframe,给它起一个name="newName"和id="newName",而把里面写入空的html、head、body;并在onclick里写入"window.open('url',' newName');",这样,当前页面就相当于做了一个假跳转,也不用href属性防止跳转了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值