frame 之间获取元素问题

快来打我* 2022-07-12 06:49 178阅读 0赞

**1 **Frame与Iframe两者可以实现的功能基本相同，不过Iframe比Frame具有更多的灵活性。  frame是整个页面的框架，iframe是内嵌的网页元素，也可以说是内嵌的框架     Iframe标记又叫浮动帧标记，可以用它将一个HTML文档嵌入在一个HTML中显示。它和Frame标记的最大区别是在网页中嵌入 的<Iframe></Iframe>所包含的内容与整个页面是一个整体，而<Frame>< /Frame>所包含的内容是一个独立的个体，是可以独立显示的。另外，应用Iframe还可以在同一个页面中多次显示同一内容，而不必重复这段内 容的代码。

以上是网上搜索的内容，我理解是frame之间不可以相互获得节点

<script type="text/javascript">
    	var contextPath = "${pageContext.request.contextPath}";
    	</script>	
    	
    	
    		
       
    		
    		
    		
    			
       
    			
    			
    			
       
    			
    		
      	
    	
    
    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <%@ include file="/common/taglibs.jsp"%>
    
    
    
       
        
    框架上面
    <script type="text/javascript" src='
       
        </script>
     rel="stylesheet" href='
        '/>
     rel="stylesheet" href='
        '/>
    
    <script type="text/javascript" language="javascript">
    	function display(id) {
    	   $("a").attr("class","");
    	   $("#"+id+"").attr("class","on");
    		window.parent.document.getElementById("frame_left").contentWindow.displayShow(id);
    	}
    
    
    	$(function(){
    	
    		$("#index_logout").click(function(){
    			location.href = "${pageContext.request.contextPath}/logout.action";
    		});
    		
    		//动态获取主菜单
    		$.ajax({
    	        url: '${pageContext.request.contextPath}/resource/getMenuList.action',
    	        data:{'menuId': 0, 'menuType': 1},
    	        type: "POST", 
    	        success: function (map) {
    	        	if(map != null && map != null){
    	        		var mainMenuPanel = $('#mainMenuPanel');
    	        		var innerHtml = '';
    	        		var data = map.data;
    	        		for(var i = 0; i < data.length; i++){
    	        			innerHtml += "
        
        " + data[i].resourceName + " "; } mainMenuPanel.prepend(innerHtml); } }, error: function () { alert("页面按钮加载失败,请联系管理员!"); } }); }); </script> 安全退出 欢迎您：测试 角色：测试 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ include file="/common/taglibs.jsp"%> 框架左面 <script type="text/javascript" src=' </script> rel="stylesheet" href=' '/> rel="stylesheet" href=' ' /> <script language="javascript"> function addpanel(id,title,html) { var src ='${pageContext.request.contextPath}/resource/'+html; window.parent.document.getElementById("framemain").contentWindow.addtabs(id,title,src); } function displayShow(id) { $(".test").hide(); $("#"+id).show(); } /* function mainmenu(menuid){ $('#leftMenu').empty(); //动态获取分类菜单 $.ajax({ url: '${pageContext.request.contextPath}/resource/getMenuList.action', data:{'menuId': menuid, 'menuType': 2}, type: "POST", success: function (map) { if(map != null && map != null){ var data = map.data; //alert(data[0].url); var leftMenuPanel = $('#leftMenu'); var innerHtml = ''; for(var i =0; i "+data[i].resourceName +" "; } leftMenuPanel.prepend(innerHtml); } }, error: function () { alert("页面按钮加载失败,请联系管理员!"); } }); } */ $(function(){ //动态获取主菜单 $.ajax({ url: '${pageContext.request.contextPath}/resource/getSecondMenuList.action', data:{'menuId': 0, 'menuType': 1}, type: "POST", success: function (map) { if(map != null && map != null){ var leftMenuPanel = $('#leftMenu'); var innerHtml = ''; var data = map.data; var outHtmlUp = ''; var outHtmlDown =''; var allHtml =''; for(var i = 0; i < data.length; i++){ outHtmlUp = " "+ data[i][0].resourceName +" " for(var j=0;j " + data[i][k].resourceName + ""; } outHtmlDown = " "; allHtml += outHtmlUp+innerHtml+outHtmlDown; innerHtml=''; } $('#leftMenu').empty(); leftMenuPanel.prepend(allHtml); $('.test').eq(0).show(); } }, error: function () { alert("页面按钮加载失败,请联系管理员!"); } }); }); </script>

本来想在top.jsp页面获取到left.jsp页面的节点然后将后台获取的数据添加到left页面，无奈搞了半天也没有获得节点来，最后不得不在top.jsp中通过

function display(id) \{  
  $("a").attr("class","");  
  $("\#"+id+"").attr("class","on");  
window.parent.document.getElementById("frame\_left").contentWindow.displayShow(id);  
\}

函数调用left.jsp中的

function displayShow(id) \{

mainmenu(id);  
   $(".test").hide();  
$("\#"+id).show();  
\}

发表评论取消回复

表情：

评论列表（有 0 条评论，178人围观）

还没有评论，来说两句吧...

相关阅读

相关 selenium常见问题——定位子窗口（frame）内元素失败

当页面存在子窗口（frame，框架）时，需要先切换到子窗口，然后再定位元素，否则定位会失败使用账号：zhangsan/123456 登陆网站后，直接定位“用户管理”就存在...

浅浅的花香味﹌/ 2024年05月31日 04:39/ 0 赞/ 70 阅读

相关 jquery动态获取两个元素之间的距离

垂直距离 $("div2").offset().top - ($("div1").offset().top + $("div1").height()) 水平距离

红太狼/ 2022年12月11日 05:21/ 0 赞/ 219 阅读

相关 html —— 元素a与框架元素frame

一、a标签基本使用方式： 1、使用 href 属性创建一个链接： <a href="/html/second.html">链接</a> 2、使用na

分手后的思念是犯贱/ 2022年10月01日 00:38/ 0 赞/ 171 阅读

相关 js 控制frame的元素

$("\标签ID", parent.target的name.document) 或者 $("\标签ID", parent.frames\["target的name"\]

比眉伴天荒/ 2022年08月21日 06:43/ 0 赞/ 166 阅读

相关 frame 之间获取元素问题

1 Frame与Iframe两者可以实现的功能基本相同，不过Iframe比Frame具有更多的灵活性。 frame是整个页面的框架，iframe是内嵌的网页元素，也可以说是内

快来打我*/ 2022年07月12日 06:49/ 0 赞/ 179 阅读

相关 frame 之间获取元素问题

1 Frame与Iframe两者可以实现的功能基本相同，不过Iframe比Frame具有更多的灵活性。 frame是整个页面的框架，iframe是内嵌的网页元素，也可以说是内

冷不防/ 2022年07月12日 06:49/ 0 赞/ 173 阅读

相关 selenium 中多frame 定位元素

selenium 中多frame 定位元素想要了解这个知识的的朋友们，必须要有html中的框架基础，明白框架的的作用，不理解的朋友可以去[http://www.runo

柔情只为你懂/ 2022年05月28日 02:38/ 0 赞/ 183 阅读

相关 selenium-frame嵌套页面元素定位

注意：打开本地html文件，文件路径前需要加file:///,且路径需要转义 file_path=r'file:///E:\UnittestProject\

素颜马尾好姑娘i/ 2022年04月10日 07:54/ 0 赞/ 370 阅读

相关 jquery 获取frame document 对象

1 子 iframe 获取父窗口下的其他子 iframe var jqFrame = $(parent.frames[id].content

- 日理万妓/ 2021年12月05日 14:27/ 0 赞/ 375 阅读

相关 python selenium 获取frame中的元素

版权声明：本文为徐代龙原创文章，未经徐代龙允许不得转载。 [https://blog.csdn.net/xudailong\_blog][https_blog.csdn.net

r囧r小猫/ 2021年09月15日 07:20/ 0 赞/ 569 阅读