1. 主页 > 小妙招

window.location与window.open跳转区别及使用场景

新手如何快速涨粉不知道,但你要是连页面跳转都搞不定,用户分分钟跑光你信不信?今天咱们就掰扯清楚这两个长得像双胞胎的跳转方法,保你看完就能用!


这哥俩到底啥关系?

(压低声音)跟你说个行业内幕:这俩根本不是亲兄弟!window.location像老实本分的邮差,只会老老实实送信到指定地址。window.open就是个快递小哥,不仅送货上门还能帮你拆包装。

举个栗子:

  • ??改地址??:window.location.href = '新地址' 就像让邮差改送隔壁小区
  • ??开分店??:window.open('新地址') 相当于在隔壁街开家分店

功能对比(拿小本本记好)

  1. ??基础操作??
    邮差模式(window.location)干不了这些事:
  • 开新窗口?没门!
  • 设置窗口大小?想太多!
  • 加个"禁止复制"的提示?做梦呢!

快递小哥(window.open)的绝活:

  • 能指定窗口名字(第二个参数)
  • 能控制窗口尺寸(第三个参数)
  • 还能返回窗口对象搞事情
  1. ??安全机制??
    邮差永远在自家院子里转悠,快递小哥出门送件会被保安拦:
  • 弹窗拦截主要针对window.open
  • 移动端Safari最龟毛,非得用户亲自点

实际场景怎么选?

(敲黑板)重点来了!上周有个学员把广告跳转写成window.location,结果用户全跑光了。你猜怎么着?页面直接被覆盖,广告主毛都没看见!

??三大黄金定律??:

  1. ??广告弹窗??必须用window.open
    (用户关了广告页还能回到原页面)
  2. ??表单提交??首选window.location
    (防止重复提交数据)
  3. ??移动端活动页??两个都别用!
    (老老实实用

本文由嘻道妙招独家原创,未经允许,严禁转载