frameset框架实现右边框架弹窗

Web程序界面上面frameset框架结构是比较常用的，采用了框架结构就有在不同框架间调用JS，操作html的需求。下面我们通过一个简单例子：在左边菜单栏上面点击后实现在右边窗口中弹窗功能。

主框架页面。包含了左边的meju页面 和右边的user.do页面。我们要实现的就是在menu.jsp上面点击后在user.do上面弹出窗口。

<frameset cols="180,10,*" frameborder="no" border="0" framespacing="0" id="frame">
   <frame src="menu.jsp" name="leftFrame" scrolling="Yes"  id="leftFrame" title="leftFrame" />
   <frame src="side.html" name="tbFrame" scrolling="No" noresize="noresize" id="tbFrame" title="tbFrame" />
   <frame src="user.do" name="mainFrame" id="mainFrame" title="mainFrame"  />
 </frameset>

menu.jsp通过window.parent.frames['mainFrame']定位到右边框架，然后调用changeSmsPwd()方法来弹出输入密码框的窗口、

<a href="javascript:void" οnclick="window.parent.frames['mainFrame'].changeSmsPwd();">更改密码</a>

user.do简单的包含一个弹窗的脚本实现弹窗功能即可，当然也可以通过调用左边菜单JS方法来实现对左边菜单页面的修改。

function changeSmsPwd(){
  var title="访问设置";
  var nText = "";
  showCommonMsgBox_title("350",title,nText);//实现弹窗代码
  window.parent.frames['leftFrame'].leftOpenSmsTree(); //调用左边框架的脚本
 }