• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
Roséa
😘正是你花费在玫瑰上的时间才使得你的玫瑰花珍贵无比...
博客园    首页    新随笔    联系   管理    订阅  订阅
JS 设置盒子div 跳转
JavaScript设置div盒子像a链接一样跳转

方式一
window.location.href=”url”; 在当前窗口跳转

方式二
window.open(‘url’) 在新窗口跳转
window.open(‘url’,’_self’) 在当前窗口跳转

另外
给移动端div盒子上加跳转链接

1 <div class="alink" data-hrefs="" data-targets=""></div>
 1 function links(hrefs,target){
 2     if(!hrefs)return;
 3     if(target){
 4         var w=document.createElement("a");
 5         w.target="_blank";
 6         w.href=hrefs;
 7         w.click();
 8     }else{
 9         window.location.href=hrefs;
10     }
11 }
12 links($(".alink").attr("data-hrefs"),$(".alink").attr("data-targets"));
//备注:data-hrefs为跳转链接,data-targets为窗口选择

哈哈,抖了个激灵~~~~

 如有误欢迎前来指正,请赐教,哈哈~~

posted on 2017-02-07 18:52  Roséa  阅读(532)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3