Jquery操作 iframe父级页面的dom元素的方法

ligerUI表格行渲染 

//全局变量
var grid=null;
var gridparams;
var gridColumn =[
	{display: 'id ',name: 'id',align: 'left',width:300,hide:true} ,
	{display: '产品名称',name: 'cpmc',align: 'center',width:200,render : function (record, rowindex, value, column) {
		//this     这里指向grid
		//record   行数据
		//rowindex 行索引
		//value    当前的值,对应record[column.name]
		//column   列信息
		//return value;  //返回此单元格显示的HTML内容(一般根据value和row的内容进行组织)
		var navTabId=$("#navTabId").val();
		var url=basePath + '/tongjicx/tjcxIndex?htgl_tgid='+record.id+'&navTabId='+navTabId;
		if(value){
			//return value="<a href="+url+">"+value+"</a>";
			//return value='<a href="javascript:void(0);" myid="'+record.id+'" myUrl="'+url+'"  onclick="cpmcHref('+record.id+','+url+');" >'+value+'</a>';
			return value='<a href="javascript:void(0);"  class="myahref" myid="'+record.id+'"  myUrl="'+url+'" >'+value+'</a>';

		}
		return "";
	}} 
];

jquery操作 iframe父级页面的dom元素

//表格中产品名称链接 跳转
$('#htglTableId').on('click',".myahref",function() {
	var myid=$(this).attr("myid");
	var myUrl=$(this).attr("myUrl");
	$("body",parent.document).find('li[tabid="C101"] > a').html('统计查询');
	window.location.href =myUrl;
});

参考链接:jQuery的on绑定click和直接绑定click区别 https://www.cnblogs.com/lalalagq/p/9906600.html

参考链接:jquery操作 iframe父级页面的dom元素的方法

  1. $("body",parent.document).append('这是子级页面添加的内容!'); 
  2. $("body",parent.document).find('#example').html('子级页面将替换父级页面的内容!'); 

另外对于javascript操作iframe对象有几点需要说明的是

iframe里的js要操作父级窗口的dom,必须搞懂几个对象:

parent是父窗口(如果窗口是顶级窗口,那么parent==self==top),

top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),

self是当前窗口(等价window),

opener是用open方法打开当前窗口的那个窗口;

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值