上一篇
部署线上常见问题二：设置 Nginx 伪静态链接
Javascript 跳转链接函数的进化历程
网站由多个页面组成，链接是页面沟通的桥梁。页面上使用 <a> 标签页面跳转，Javascript 使用 window.location.href 页面跳转，于是有了初版的跳转链接函数。
跳转链接函数 V1 版
JSvar jumpUrl = function(url) {
window.location.href = url;
}
跳转链接函数 V1 版，有个缺点：只能在当前页面打开，不支持其它方式跳转打开页面。考虑 seo 的因素，决定模拟 <a> 标签跳转，同时兼容多个跳转方式。
target 参数：
_self：默认。在相同的框架中打开被链接文档。
_blank：在新窗口中打开被链接文档。
_parent：在父框架集中打开被链接文档
_top：在整个窗口中打开被链接文档。
framename：在指定的框架中打开被链接文档。
跳转链接函数 V2 版
JSvar jumpUrl = function (url, target) {
var target = target || '_self';
var a = document.createElement('a');
a.setAttribute('target', target); //跳转方式
a.setAttribute('href', url); //href链接
a.click();
}
targer 默认设置_self跳转方式，通过修改 targer 参数，实现不同场景跳转。
参考文献：
相关文章Related Articles
文章评论0 records
最新
最早
最新评论Latest comments