html的confirm_【web】a标签点击时跳出确认框

要求如下：

在跳转链接之前，需要判断用户是否有权限打开该页面。如果用户没有权限，会弹出确认框，提示“无权限”。如果他有权限，页面就会直接跳转。

参考资料1：

单击a标签时弹出确认框

方法一：

[删除]

方法二：

百度

参考资料2：

①html标签中出现提示

百度  

②调用js函数

function foo(){  
    if(confirm("确认百度吗？")){  
        return true;  
    }  
    return false;  
 }    

对应的标签改为：

百度 

注意事项：

我们这里写的是点击a标签提交时发生的跳转事件。提交表单时也会完成此操作。

无论如何，你要记住的是，（秘密的秘密）必须写在标签中，否则无论你是否点击确定，都会出现跳转和in-form提交。

以上参考文献总结：

1、跳跃方法：

1>.将链接放在a元素的href属性中即可跳转到页面。

2>.使用.href跳转页面

2、防止跳转的方法：

在点击事件中使用or false；返回并且不继续执行。 ——这里出现一个问题，click事件和href的执行顺序

延长：

click事件和href的执行顺序

href="#" 的触发时间晚于 click，因此可以在 href 开始之前在 click 事件中使用 。

但也有例外：

如下图：

点击按钮后，弹出弹窗，然后跳转到该页面（不进行其他操作）

点击事件一般有250ms的延迟执行时间。目的是判断是否继续点击（双击操作）。

移动开发中，点击延迟执行可能会导致href被触发！ ！ ！ （事件冒泡暂不解释）

因此，如果出现这种情况，可以使用tap事件代替click事件来解决问题。