咨询邮箱 咨询邮箱:mail@qrkj.com.cn 咨询热线 咨询热线:400-0934-799 庆软科技微博 庆软科技微信
您的位置:主页 > 新闻资讯 > 网站优化 >
JS一个框架内的页面能不能调用其他框架内的页面
发表日期:2015-12-13 20:02   文章编辑:admin    浏览次数:
 

 

--------------UntitledFrameset-2.html------------------------ 
-----------框架总页面,框架右边页面的Name为rightFrame--------- 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN " ";> 
<html xmlns= ";> 
<head> 
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " /> 
<title> 无标题文档 </title> 
</head> 

<frameset rows= "* " cols= "*,520 " framespacing= "0 " > 
<frame src= "Untitled-1.html " name= "mainFrame " id= "mainFrame " title= "mainFrame " /> 
<frame src= "UntitledFrame-2.html " name= "rightFrame " scrolling= "No " noresize= "noresize " id= "rightFrame " title= "rightFrame " /> 
</frameset> 
<noframes> <body> 
</body> 
</noframes> </html> 


----Untitled-1.html-------左边页面 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " ";> 
<html xmlns= ";> 
<head> 
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " /> 
<title> 无标题文档 </title> 
</head> 

<body> <input name= "change " type= "button " value= "试试看 " onclick= "window.top.rightFrame.document.getElementById( 'output ').value= '跨框架了吧。。。 ' "/> 
</body> 
</html> 

------UntitledFrame-2.html--------右边页面 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " ";> 
<html xmlns= ";> 
<head> 
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " /> 
<title> 无标题文档 </title> 
</head> 

<body> 
<input type= "text " id= "output " /> 
</body> 
</html> 

-------- 
主是就是这个window.top.rightFrame,rightFrame就是你要操作的页面名字,即在总页面里定义的name
标签:    
如没特殊注明,文章均为资源网络原创,转载请注明来自http://www.qrkj.com.cn/news/wangzhanyouhua/2015/1213/41.html
相关文章推荐