解决微信端苹果手机无法跳转页面的问题

这些天遇到了个小问题，微信端的js跳转代码在苹果手机无法生效。下面是解决方案和相关知识。

问题代码

当时用的是 window.open（）这个方法，因为自己的是安卓手机，测试后能跳转就没管了。
后来同事发现苹果手机在微信端跳转不了。

 window.open('www.baidu.com');  //跳转代码

解决方法

因为微信端是微信自己的浏览器，或多或少存在一些兼容和性能的问题，我把window.open（）改成window.location="www.baidu.com"解决了问题。

后来发现window.open（）是打开新的页面，而window.location="www.baidu.com"是跳转页面，微信内置浏览器只能打开一个页面，这可能是无法跳转的原因之一，至于为什么安卓手机能行，苹果手机不行，这个问题还没有想出来。

// window.open('www.baidu.com'); 
window.location="www.baidu.com"  //跳转代码

拓展

1、在同当前窗口中打开窗口

<a href="www.baidu.com">Welcome</a>
等效于js代码
window.location.href="www.baidu.com"; //在同当前窗口中打开窗口

2、在另外新建窗口中打开窗口

<a href="www.baidu.com" target="_blank">Welcome</a>
等效于js代码
window.open("www.baidu.com"); //在另外新建窗口中打开窗口