欢迎点击「算法与编程之美」↑关注我们！
本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。
1 问题描述
在我们日常项目开发中，页面跳转是我们最熟悉不过的功能了，有时候需要在一块内容中引入另一个页面的html。相信很多Web开发者都知道，对于页面之间的跳转，有很多种，但是有效的跳转则事半功倍，那有什么好的办法可以实现我们页面跳转呢？下面就是我在平时的开发过程中所积累的的一些JavaScript跳转方式，希望可以和大家一起分享。
2 问题分析
在面对页面跳转的问题时，我们先入为主的会思考用href实现，a标签中的href属性用于指定超链接目标的url，href 属性的值可以是任何有效文档的相对或绝对 url，包括片段标识符和 JavaScript 代码段。如果用户选择了 <a> 标签中的内容，那么浏览器会尝试检索并显示 href 属性指定的 URL 所表示的文档，或者执行 JavaScript 表达式、方法和函数的列表。但这个办法不是适用于所有的浏览器，有很多缺陷，在遇到跳转问题时我们可以通过初始化时创建子页面或者直接打开新页面等方式进行页面跳转。
3 解决方案
1. 初始化时创建子页面
2. 直接打开新页面
3. 预加载页面
4 总结
如果用index.html(主页面)+list.html(子页面)实现的话，当主页面右滑时子页面会自动跟随，区别是子页面相当于html中的iframe，而非子页面相当于新开了一个浏览器窗口加载了一个html，做下拉刷新的时候，采用的是新页面的形式，发现下拉刷新必须采用子页面的形式，也就是你的list.html必须是index.html的子页面，才可以下拉刷新。预加载页面的两种方式：第一种是在初始化的时候预加载，这种情况适合在你这个页面在很久之后才会用，如果你要立即到的页面并使用，那么你会得到null。第二种方式类似与open，个人感觉没有什么太大的区别，唯一的区别是open就直接打开了，preload只是加载，你可以之后选择打开的时机。
更多精彩文章：
温馨提示： 点击页面右下角“写留言”发表评论，期待您的参与！期待您的转发！
