是不是碰见过这种事儿？比如说你正在查看项目案例列表，突然发现一个让你眼前一亮的实例，接着这个实例的更多详情马上就被展示出来了？这可是粉丝们亲自设计制作的咯！那会儿咱们刚入门编程时还没想象到原来可以做出那么多种可能！这类详情页面就是通过附加一些参数来请求和获取所需数据，才能够成功切换页面哟。都听懂了吗？
行，那咋传参啊?别再瞎蹦A标签了，搞不定事儿的。其实你可以试试用form表单提交数据，一键搞定。而且表单还能藏得严严实实地，好用到爆!另一个方法就是用字符串分裂的方式提取URL上的参数，明白了吗？
Document
function foo(){
var frm = window.event.srcElement;
frm.hid.value = $(frm.hid).attr("index");
return true;
}
你光手割字符串可不行其实还有其他方法！比如用正则表达式或者 window.location.search 获取参数传给 detail.html。举个例子，当单击一个列表项时，就把相关的字符串送给它；之后 detail.html就能利用这个字符串，通过Ajax和其他页面交流；这样不仅能更新显示内容，还能让原本的界面变成 receive.html，地址自然也跟着变化！
window.location.href.split(“=”)[1]//得到lemon
你知道怎么换网页吗？其实不止用window.location.href，还有其他方法，像是window.location.open（）。它有三个小组成部分哦：首先就是新的网址啦；再来是新窗口要出现在哪儿；第三个，稍微有点深度，你可以让它带个字符串，然后设定一个是否更换浏览记录的标志。那究竟如何选择这些参数？简单来说，第一个就够！
没错！这里的第二个参数可以用诸如”_blank”, “_self”, “_parent”, “_top”这样的神奇窗口名来表示。比如说，选了”_blank”就能开个全新窗口了；而若是选了”_self”那就是相当于地址栏的window.location.href了，点下去还是新网页，但网址不变喔。
var index = "lemon"; var url = "receive.html?index="+index; $("#more").click(function(){ window.location.href = url; });
要小心！浏览器有时候可能会屏蔽弹窗，这时候在代码里加window.location.open()可能会出问题。别慌张，咱们试试把它弄到try-catch里面去，然后看看能不能解决问题。
哈喽，简单说呢就是，想要让点击列表后直接进入详情页的话，你就得传个参数过去。常用的办法有hidden form表单啊、在链接中添加破折号或者正则表达式，还有可爱的JavaScript函数window.location.search啥的。觉得换页面麻烦的，试试window.location.opener(”)，真的很有用。但记住，有些浏览器插件可能会把弹窗遮掉，记得做好处理哟。不管怎样，碰到这问题知道怎么解才行嘛～大家有没有碰上过这种情况？快来告诉小编，看看有多少朋友在关心(乖巧)我咯！点赞和分享也都能让我更有动力的哦～
var index = "lemon";
var url = "receive.html?index="+index;
$("#more").click(function(){
window.open(url)
});
评论0