实现效果

实现方法1：

使用 window.open 跳转，语法：window.open(*URL,name,specs,replace*) ，如下代码所示：

 <div class="col-sm-6 col-lg-3" onclick="window.open('{
    
    { url_for('user.inform') }}','_self')">
   <div class="card bg-primary">
     <div class="card-body clearfix">
       <div class="pull-right">
         <p class="h3 text-white m-b-0 fa-2x">通知</p>
       </div>
       <div class="pull-left">
           <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi mdi-alert-circle-outline fa-2x"></i></span>
       </div>
     </div>
   </div>
 </div>

        

          
        
        
        

          

          AI 代码解读
        
      
      

_self：代表在当前窗口打开，默认是 _blank，在新页面打开。

实现方法2：

使用 window.location.href 跳转，如下代码所示：

 <div class="col-sm-6 col-lg-3" onclick="window.location.href='{
    
    { url_for('user.inform') }}';return false">
   <div class="card bg-primary">
     <div class="card-body clearfix">
       <div class="pull-right">
         <p class="h3 text-white m-b-0 fa-2x">通知</p>
       </div>
       <div class="pull-left">
           <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi mdi-alert-circle-outline fa-2x"></i></span>
       </div>
     </div>
   </div>
 </div>

        

          
        
        
        

          

          AI 代码解读
        
      
      

return false：取消默认的事件行为，例如你给a标签增加了href，就会既执行函数也会跳转，例如：hello

由于我使用的jinja2模板，所以链接是href='{ { url_for('user.inform') }}'，大家使用的时候要注意更换。