jquery 控制frameset frame节点内容（在子窗口中把该窗口中的焦点处的text内容填入其它子窗口的input内

最新推荐文章于 2018-03-09 17:21:33 发布
最新推荐文章于 2018-03-09 17:21:33 发布
阅读量1.8k 收藏 1
点赞数
分类专栏： js ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jaray/article/details/8757605
版权
js 同时被 2 个专栏收录
60 篇文章 0 订阅
订阅专栏
ajax
26 篇文章 0 订阅
订阅专栏

现在做这个项目中，有一项把：在子窗口中把该窗口中的焦点处的text内容填入其它子窗口的input内，也就是改写input的value值，这个费了4天时间，写下来记录一下心情吧

这个问题困扰了我4天，今天终于解决了，其实这并不难，只是自己学的太少，边学边用，又费时间又费精力，但真是长知识。

在left中访问right中的对象的jquery代码为：


$(window.parent.parent.frames["right"].document).find('#jh')这是找到了ID为jh的对象

$(window.parent.parent.frames["right"].document).find('#jh').val是指的是id对象的value值。


在left中访问right中的对象，并将left表格中的值传给righ中id为jh的文本框的代码为：

在left.php中的html代码为：

<td><a href="#" class="style1" onClick="MM_changeProp(this)" ><?php echo "$row[$i]"; ?></a></td>//点击触发MM_changeProp事件，并将此时，焦点处的text内容传给函数。

javascript部分是：

	function MM_changeProp(leftjhObj) {//带参数的函数，把焦点对象传给函数
		leftjh=leftjhObj.innerText;//得到了焦点对象的text属性，也就是表格中的内容
		rightjh=$(window.parent.frames["right"].document).find('#jh').val(leftjh);}//取得right框架中的id为jh的对象的val值，并改变为焦点的内容，这样就实现了把一个子框架的值传给另一个框架了，这里我一直把值以=的形式改写，所以才一直无法得正确传值。我用的是：
rightjh=$(window.parent.frames["right"].document).find('#jh').val()=leftjh;这是错误的，要把值通过val()方法传给对象才行。






主框架代码为：


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jquery 控制frameset frame节点内容</title></head>
<frameset rows="*" cols="217,*">
　 <frame name="left" src="left1.php" noresize="noresize" />
 　<frame name="right" src="right1.php" /></frameset><noframes><body></body></noframes></html>
在右边的框架中，有一个form表单中有一个ID为jh的<input type="text" id="jh">
<form action="" method="POST">
<table>
<tr>
	<tb>
　		<input  type="text" id="jh"/></tb>

	</tr>
　
	<tr>
	<tb>
<input type="submit"/ value="提交>
	</tb>




	</tr>
</table>
</form>
















                

        

        

    




    

      

        

            

              
                
                  jaray
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    1
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
js在frame中操作frameset的cols属性的改变

				
			

			

				

					
				

				

					06-05
					
					6350
					
				

			

		

		

			
				
目标：单击图片使用左边的frame收缩。








其中switch.html对应的代码如下：




折叠/展开

 
function changeWin(){	
	if(window.parent.bottom.cols == "235,7,*")
	{
		top.bottom.cols = "0,7,*";
		document.getElementById('menu

			
		

	



                

              
                



	

		

			

				
					
frameSet应用 子父窗口传值

				
			

			

				

					05-03
				

			

		

		

			
				
在Web开发中，`<frameSet>` 是HTML中用于创建多窗口布局的元素，它允许我们在一个浏览器窗口中分割成多个独立的区域，每个区域可以加载不同的网页内容。`frameSet`的应用通常与 frameset 结构配合使用，使得网页设计...

			
		

	



                


  
              

                


	

		

			

				
					
jquery 操作iframe、frameset

				
			

			

				

					weixin_33757911的博客
				

				

					06-30
					
					189
					
				

			

		

		

			
				
============================================iframe<iframename="a"src="a.aspx"width="300px"height="200px"></iframe>
<iframename="b"src="b.aspx"width="300px"height="200...

			
		

	





	

		

			

				
					
javascript框架编程

				
			

			

				

					weixin_34221773的博客
				

				

					11-18
					
					273
					
				

			

		

		

			
				
框架编程概述一个HTML页面可以有一个或多个子框架，这些子框架以<iframe>来标记，用来显示一个独立的HTML页面。这里所讲的框架编程包括框架的自我控制以及框架之间的互相访问，例如从一个框架中引用另一个框架中的JavaScript变量、调用其他框架内的函数、控制另一个框架中表单的行为等。
框架间的互相引用一个页面中的所有框架以集合的形式作为window对象的属性提供，例如：win...

			
		

	



		

			
		



	

		

			

				
					
jquery在子页面中获取父页面所在的frameset中的其它的frame中的元素

				
			

			

				

					gwpJava的专栏
				

				

					07-24
					
					4486
					
				

			

		

		

			
				
$(parent.parent.mainFrame.document).contents().find("body").html();  //manFrame值的

			
		

	





	

		

			

				
					
有关于整体刷新和局部刷新frameset窗口

				
			

			

				

					09-05
				

			

		

		

			
				
总之，整体刷新和局部刷新frameset窗口是通过JavaScript和Ajax技术实现的，它们在多frame布局的网页中提供了灵活的数据更新方式。通过正确地操作frames和利用异步通信，我们可以根据需求控制页面的刷新行为，提高...

			
		

	





	

		

			

				
					
JavaScript子窗口ModalDialog中操作父窗口对像

				
			

			

				

					12-09
				

			

		

		

			
				
在JavaScript编程中，有时我们需要在弹出的子窗口（如ModalDialog）中操作父窗口的元素，例如修改某个文本框的值或者触发某些交互。在处理这种情况时，必须遵循特定的规则，因为直接使用`window.parent`在Modal...

			
		

	





	

		

			

				
					
Alura:我将把我在Alura课程中学习的所有内容都放入该存储库中

				
			

			

				

					04-18
				

			

		

		

			
				
在`<body>`内，常见的元素有`<h1>`到`<h6>`用于标题，`<p>`用于段落，`<a>`用于创建链接，`<img>`用于插入图像，`<ul>`和`<ol>`以及`<li>`用于无序列表和有序列表。  Alura的课程可能涵盖了如何使用这些基本元素来...

			
		

	





	

		

			

				
					
asp中去除内容HTML标签的三个function函数

				
			

			

				

					10-30
				

			

		

		

			
				
在ASP（Active Server Pages）开发过程中，经常需要处理HTML内容，比如从数据库中读取包含HTML格式的文章或评论，并在页面上显示纯文本内容时，就需要去除这些HTML标签。本文将详细介绍三种在ASP中去除HTML标签的...

			
		

	





	

		

			

				
					
jQuery控制frames及frame页面JS的方法

				
			

			

				

					11-23
				

			

		

		

			
				
本文实例讲述了jQuery控制frames及frame页面JS的方法。分享给大家供大家参考，具体如下：

[removed][removed]
[removed]
var _intervalx,steplengthx
steplengthx=1000; //第一次触发时间
nextstepx=10000 ; //以后的触发时间
$(document).ready(function(){
 _intervalx=setInterval("CheckUser()",steplengthx);
});
f

			
		

	





	

		

			

				
					
jQuery 操作FrameSet

				
			

			

				

					蒗若晨曦
				

				

					03-29
					
					1229
					
				

			

		

		

			
				
说先上来一段 FrameSet 层级的 代码吧 

	
			
	
	
		
		
	
	
这里首先要说的是 这里需要有个name 用来找到对应的 frame ，id是可选的 



现在
 假定一种情况 
要点击 left.html 页面，将里面的值传到rightTop页面去 
这是 同辈兄弟页面间的传值 
看网上的 写法是 

Javascript代码


windo

			
		

	





	

		

			

				
					
jquery 控制frameset frame节点内容（在子窗口中把该窗口中的焦点处的text内容填

				
			

			

				

					weixin_34309543的博客
				

				

					01-11
					
					141
					
				

			

		

		

			
				
2019独角兽企业重金招聘Python工程师标准>>>   
                                        
         ...

			
		

	





	

		

			

				
					
js获取frameSet子页面的空间

				
			

			

				

					a8526913的专栏
				

				

					02-28
					
					2153
					
				

			

		

		

			
				
1、index.html


test


 
  height="650px" src="main.htm">


 
2、main.jsp


 
 


 
3、left.html


test123


 
 
 测试
 
  var onc = function(){
   alert(parent.content.getAaa

			
		

	





	

		

			

				
					
框架操作，frameset ，frame，隐藏左边栏，jquery操作框架

				
			

			

				

					刘凤飞
				

				

					12-26
					
					2254
					
				

			

		

		

			
				
您的浏览器不支持框架技术，很遗憾您不能进入Dd_g管理系统     
         

 
//隐藏左侧导航栏，操作frame
            //alert(parent.document.getElementByIdx_x_x_x('framemain').getAttribute('cols'));//兼容FF和IE 取cols
            //alert

			
		

	





	

		

			

				
					
jquery 控制frameset frame节点内容

				
			

			

				

					蒗若晨曦
				

				

					03-29
					
					1083
					
				

			

		

		

			
				
jquery 控制frameset frame节点内容




在框架mainframe控制leftframe里的内容节点：

$(window.parent.frames["leftFrame"].document).find('.....');

在框架mainframe控制bottomframe框架的节点内容：

$(window.parent.parent.frame

			
		

	





	

		

			

				
					
Jquery,js调用Iframe父窗口和子窗口之间传值问题等

				
			

			

				

					weixin_41154756的博客
				

				

					03-09
					
					1778
					
				

			

		

		

			
				
一.
1.子页面获取父页面中id为A的子页面
例:parent.A.location.reload();

2.父页面获取id=B的子页面
例:B.location.reload();

二.JQ
1.JQuery在iframe子页面获取父页面元素和方法
例:
parent.$("元素id");
parent.方法名();

2.JQuery在父页面获取iframe子页面的元素和方法
例:
i...

			
		

	





	

		

			

				
					
在google浏览器中使用JavaScript实现打印frameset内的所有fram

					
最新发布

				
			

			

				

					07-14
				

			

		

		

			
				
在Google浏览器中使用JavaScript实现打印frameset内的所有frame，可以按照以下步骤进行：  1. 在包含frameset的HTML文件，给每个frame元素添加一个唯一的id属性，以便在JavaScript中引用它们。例如：  ```html ...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值