
2018-02-02 · 百度知道合伙人官方认证企业

web开发过程中经常用到的一些公共方法及操作
进化成为程序猿也有段岁月了,所谓的经验,广度还是依旧,只不过是对于某种功能有了多种实现方式的想法。每天依旧不厌其烦的敲打着代码,每一行代码的回车似乎都有一种似曾相识的感觉。于是乎:粘贴复制,再粘贴再复制一个网站成型,一个系统上线。
网络给猿类提供了大量的资源及可复制的代码,难道经验就是每次相同问题查找浪费掉的时间所积累出来的吗?当然不是了,为了快速方便的查找一些经常用到的方法,将剩余的时间用来研究一些新的技术提高自己开发经验的含金量,博主把平时自己总结的一些东西及在网上借鉴到的一些方法贴出来与大家共享
首先列举一个最近遇到的一个框架问题:
页面框架设计如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | < div id = "tabs" > < ul > < li >< a href = "#tabs-1" >基本信息</ a ></ li > < li runat = "server" id = "li2" >< a href = "#tabs-2" >风险点类型</ a ></ li > </ ul > < div id = "tabs-1" > < iframe id = "Iframe1" src = "" style = "width: 100%; height: 521px;" runat = "server" frameborder = "0" > </ iframe > </ div > < div id = "tabs-2" > < iframe id = "Iframe2" src = "" style = "width: 100%; height: 521px;" runat = "server" frameborder = "0" > </ iframe > </ div > </ div > |
其中一个子页面在后台添加成功之后让tab选项卡切换的实现
1 2 3 4 5 | //先在父页面定义一个全局变量 var tab = null; $(function () { tab = $("#tabs").tabs(); }); |
然后在子页面通过window.parent.tab.tabs({ selected:1 });
window.parent.document.getElementById('Iframe2').src = 'RiskTypeEdit.aspx?ID=1' 这种方式切换.
顺便说下 parent和opener的区别
opener用于在window.open的页面引用执行该window.open方法的的页面的对象
parent用于在iframe,frame中生成的子页面中访问父页面的对象
parent是相对于框架来说父窗口对象 opener是针对于用window.open打开的窗口来说的父窗口,前提是window.open打开的才有。