`

jquery 修改iframe src

 
阅读更多

author liuqing

 

	$('#username').attr("src","http://www.dangdang.com");

 

 

修改iframe 对应的内容

 

json tree 添加链接格式 "attributes":{"url":"usermanager/add.action"}

添加链接

 

[{   
    "id":1,   
    "text":"Folder1",   
    "iconCls":"icon-save",   
    "children":[{   
        "text":"File1",   
        "checked":true  
    },{   
        "text":"Books",   
        "state":"open",  
        "children":[
        {   
            "text":"PhotoShop",   
            "checked":true , 
            "attributes":{
            	"url":"http://www.dangdang.com"
            }
        }
        
        ]   
    }]   
},{   
    "text":"Languages",   
    "state":"closed",   
    "children":[{   
        "text":"Java" ,
        "attributes":{
            	"url":"http://www.dangdang.com"
            }
    },{   
        "text":"C#"  
    }]   
}]   

 

实现代码

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="sx" uri="/struts-tags-zk" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<sx:head/>
<script type="text/javascript">
$(function(){
	$('#username').css({height:$(window).height()- 30});
	$('#tt22').tree({   
	    url:'data.json',
	    animate:true,
	    onClick:function(node) {
	    	var url = node.attributes.url;
	    	if (url) {
	    		$('div.datagrid-mask').css({
	    			height:$(window).height(),
	    			display:"block"});
	    		$('div.datagrid-mask-msg').css({
	    			left:$(document.body).outerWidth(true) / 2,
	    			top:$(window).height()/2 - 20,
	    			display:"block"
	    		});
	    		$('#username').attr("src",url);
	    		clear();
	    	}
	    }
	});
});
function clear() {
	//这时使用 load(function{});
	//当加载成功后就动行function() 
	$('#username').load(function(){
		$('div.datagrid-mask').css({display:"none"});
		$('div.datagrid-mask-msg').css({display:"none"});
	});
}

</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>

<div class="datagrid-mask" style="display:none;width:100%"></div>
<div class="datagrid-mask-msg" 
style="font-size:12px;margin:auto;text-align:center;">正在加载</div>

<ul id="tt22"></ul>
<iframe id="username" frameborder="0" src="http://www.baidu.com" 
style="width:100%;height:100%;"></iframe>

</body>
</html>

 

 

分享到:
评论
2 楼 lhb319lhb 2015-09-10  
如果 ajax(jquery)更新了 iframe 的 src值, url是通过后台链接跳转的jsp,设置后 页面不刷新,

手动设置刷新也没数据。
1 楼 liu152305 2015-06-04  
.....如果路径是中文肿么解决啊?

相关推荐

    JQUERY设置IFRAME的SRC值的代码

    代码如下:$(window.parent.document).find... leftiframe中jQuery改变mainiframe的src代码: $(“#mainframe”,parent.document.body).attr(“src”,”//www.jb51.net “) 2 如果内容里面有一个ID为mainiframe的ifame

    详解iframe的src指向的内容不刷新的解决办法

    iframe的src的值发生改变,才会刷新iframe里面的内容. 所以虽然我代码的url对应的页面有变化了,可是url一直不变,也就是iframe的src的值一直没变.所以不刷新内容; 解决办法 原因找到了,解决就非常容易了.想任何一种...

    jquery iframe操作详细解析

    leftiframe中jQuery改变mainiframe的src代码: $(“#mainframe”,parent.document.body).attr(“src”,”http://www.radys.cn”) 2、 如果内容里面有一个ID为mainiframe的ifame &lt;iframe id=”mainifame”…&gt;&...

    基于jQuery实现点击同时更改两个iframe的网址

    jQuery部分: 代码如下: function gotourl(url_a, url_b) { $(‘#ifr_a’).get(0).src = url_a; $(‘#ifr_b’).get(0).src = url_b; } html调用: 点我下面两个iframe内容都会变&lt;/a&gt; &lt;iframe src=”...

    超实用的jQuery代码段

    超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...

    iframe_height:跨域 iframe 高度调整

    iframe 高度 iframe 高度是一个允许跨域消息传递的简单工具,特别是针对响应式设计调整 iframe 高度的大小。... src : '' // The source url that the iframe is going to load element : '' // The id

    jquery.boxy插件的iframe扩展代码

    代码如下: /* &lt;a&gt; &lt;a&gt; &lt;a&gt; Boxy属性不变 新增 w、h、src 属性 qBox.Close();关闭当前窗口 qBox.iFSrc({}); 改变当前窗口的属性及指向 Boxy属性不变 新增 w、h、src 属性 */ //Boxy插件的扩展 jQuery.fn.qb

    todoist-gmail-sidebar:Chrome 侧边栏扩展程序(用于 Gmail 中的 Todoist)

    当前设置为仅在匹配“mail.google.com”的域上激活,并且被硬编码到 iframe src 中。 显然,改变其中任何一个都是微不足道的。 去做 在每个选项卡的基础上更改图标以显示侧边栏是否处于活动状态 在非活动 URL 上...

    javascript给span标签赋值的方法

    js给span标签赋值的方法?一般有两种方法: ...iframe src= height=400 width=300&gt;&lt;/iframe&gt;; } [removed] 第二种方法:输出文本 &lt;body onload=s()&gt; &lt;span id=hello&gt;&lt;/span&gt; &lt;script l

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -ExtAspNet支持原生的AJAX,也就是说控件的属性改变在AJAX过程中会反映到页面中,但并不是所有的控件属性都支持AJAX改变。 -加载s.gif图片在本机进行,不会请求extjs.com远程资源(feedback:efrigate43,abaocoole)...

    ExtAspNet_v2.3.2_dll

    -ExtAspNet支持原生的AJAX,也就是说控件的属性改变在AJAX过程中会反映到页面中,但并不是所有的控件属性都支持AJAX改变。 -加载s.gif图片在本机进行,不会请求extjs.com远程资源(feedback:efrigate43,abaocoole)...

    一个简单的网页设计

    &lt;script type="text/javascript" src="/scripts/jquery-1.4.1.min.js"&gt; &lt;script type="text/javascript" src="/scripts/csdn.js?v=1.1"&gt; &lt;script src="/scripts/pub_topnav_2011.js"type="text/javascript"&gt; ...

Global site tag (gtag.js) - Google Analytics