`

用iframe加载http远程资源

    博客分类:
  • http
 
阅读更多

jsp中的iframe:

<iframe src="/mobile/parents/remote/$!{ency.contentUrl}index.html" id="ifr" align="center" width="100%" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

 

js对iframe的控制

$('#ifr').load(function(){
		
		/*var $head = $(this).contents().find('head');
		$head.append("<link rel='stylesheet' href='../../../../themes/mobile/parents/content.css' />");*/
		var width = $('#detail-article').width();
		$(this).contents().find('img,iframe').each(function(){
			if($(this).width() >=width ) {
				$(this).width(width-10);
			}
		});
		
		var mainheight = $(this).contents().find('body').height()+30;
		$(this).height(mainheight);
	});

 

 

上面的iframe中src配置的还是本地的请求路径,非远程的路径,不存在跨域的问题,参考:

http://felix-alone2012.iteye.com/admin/blogs/2181789

 

js中对iframe中html内容的尺寸进行了控制

分享到:
评论

相关推荐

    Flex IFrame中文注释使用方法详解

    本文将深入探讨Flex IFrame的使用方法及其中文注释,帮助开发者更好地理解和应用这一组件。 首先,我们要理解什么是IFrame。IFrame(Inline Frame)是一种HTML元素,可以在一个网页中嵌入另一个网页。在Flex中,...

    flex把html页面作为类似iframe的样子的组件完全的嵌入到mxml中去。

    压缩包文件名称列表中的"flex-iframe-1.4.6"可能是一个库或者示例项目,它可能包含了有关如何在Flex 1.4.6版本中使用IFrame组件的代码、文档或其他资源。这个资源可以帮助开发者更好地理解和实现HTML页面在Flex中的...

    iframe_example

    - **跨域通信**:由于同源策略的限制,`iframe`加载的页面必须与包含它的页面在同一域名下,除非使用`CORS`(跨源资源共享)或其他技术来允许跨域通信。 - **`srcdoc`属性**:如果不想从外部URL加载内容,可以直接...

    浅谈H5前端性能测试实践1

    合理管理DOM节点,避免大量占用内存的复杂动画和iframe,适时释放不再使用的资源。 综上,H5前端性能测试涉及网络、解析、资源加载等多个层面。通过理解加载过程、分析性能瓶颈并采取相应优化措施,可以显著提升H5...

    Weboffice For Asp.net 远程服务器保存文档

    Weboffice可能会提供一个`ShowDocument`或者`PreviewDocument`的接口,通过这个接口,可以创建一个IFrame或者新的浏览器窗口,加载由Weboffice服务生成的预览页面。 安全性是远程保存和预览文档时不可忽视的问题。...

    art.dialog.rar

    "iframeTools.js"可能是用来处理对话框内嵌iframe的工具,以便在对话框中加载远程内容或者复杂交互。 "以及他们的压缩版本(生成环境使用)"这部分表明压缩包还提供了这些文件的压缩版,通常是经过混淆和压缩,用于...

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

    -加载s.gif图片在本机进行,不会请求extjs.com远程资源(feedback:efrigate43,abaocoole)。 -在AJAX回发后确保Asp.net的按钮控件仍然具有AJAX的特性。 -更新/basic/login.aspx示例,使用验证图片(feedback:kedee)...

    JavaScript跨域总结与解决办法

    // 当iframe加载完成后,通过修改其location.hash来传递数据 ifr.onload = function() { ifr.contentWindow.location.hash = 'data=someValue'; }; // 在frame.html中监听hash变化 window.onhashchange = ...

    ExtAspNet_v2.3.2_dll

    -加载s.gif图片在本机进行,不会请求extjs.com远程资源(feedback:efrigate43,abaocoole)。 -在AJAX回发后确保Asp.net的按钮控件仍然具有AJAX的特性。 -更新/basic/login.aspx示例,使用验证图片(feedback:kedee)...

    javascript跨域访问的方法.pdf

    JavaScript跨域访问是Web开发中的常见挑战,由于浏览器的安全策略——同源策略...在实际开发中,根据需求和环境选择合适的方法,或者结合使用CORS(跨源资源共享)等其他跨域解决方案,以实现更灵活、安全的跨域通信。

    用JS(javascript)从另一个html中读取标题和正文body

    这意味着,如果两个HTML文件不在同一个服务器或相同的协议、端口下,直接使用XMLHttpRequest或fetch API是无法获取远程文件数据的。但如果是本地文件系统或同一服务器下的文件,我们可以利用这些API来实现。 1. **...

    js 跨域解决方案

    JavaScript跨域是Web开发中一个常见的挑战,由于浏览器的同源策略限制,JavaScript无法直接访问不同源(协议、域名或端口不一致)的资源,这在开发过程中可能会造成诸多不便。本文将深入探讨JavaScript跨域问题及其...

    ajax_transportation_methods.ppt

    - **iframe**: 通过隐藏的iframe来实现数据加载,常用于文件上传或处理跨域问题。 - **XML**: 尽管名称中有XML,但Ajax并不局限于XML,也可以使用JSON或其他数据格式。 ### 面临的问题与解决方案 - **浏览器兼容性*...

    KODExplorer 芒果云-资源管理器

    - 增加资源管理器任务栏。任务栏加入右键功能。 - 对话框增加右键功能 - guest [三类用户 root/default/guest] guest登陆处加链接。20min - 打包程序[update user_add,admin/demo; 删除webuploader.js thumb ...

    【卷一/共两卷】AJAX实战pdf高清版90M

    2.5 使用XML技术异步加载数据 2.5.1 IFrame 2.5.2 XMLDocument和XMLHttpRequest对象 2 5.3 向服务器发送请求 2.5.4 使用回调函数监视请求 2.5.5 完整的生命周期 2.6 Ajax有何不同 2.7 小结 2.8 资源 第3章 使AjaX...

    我是齐丶先丶森,收集整理全网面试题及面试技巧,旨在帮助前端工程师们找到一份好工作!更多详见公众号「前端面试秘籍」.zip

    8. 版本控制:Git基本操作、分支管理、合并冲突解决、远程仓库使用。 9. 其他:移动端开发(Hybrid、React Native、微信小程序)、单元测试、前端安全、项目构建工具(Webpack、Gulp、Rollup)、前端工程化实践。 ...

    weboffice的在线编辑office

    例如,可以采用文件版本控制来确保数据一致性,使用CDN加速静态资源的加载,以及实施适当的权限管理策略来保护文档安全。 总结,WebOffice技术结合点聚的解决方案,为在线编辑和存储Office文档提供了一种高效且灵活...

    KindEditor手册

    - **demo-10.html**(编辑器在iframe内):演示如何在iframe中使用编辑器。 - **demo-11.html**(统计字数):展示如何实时统计编辑器中的字符数量。 - **demo-12.html**(JavaScript动态创建编辑器):演示如何通过...

    juery thickbox3例子

    - **AJAX支持**:能够加载远程内容,提高用户体验。 通过深入理解和实践Thickbox3,开发者可以创建引人注目的弹出窗口,提升网站的互动性和用户体验。同时,了解如何使用jQuery插件也可以增强开发者在Web开发领域的...

    记录几种XSS绕过方式1

    当攻击者无法直接使用`script`标签时,可以利用`&lt;base&gt;`标签指定一个外部资源的URL,使得页面加载攻击者的JS文件,如`&lt;base href="http://www.attacker.com"&gt;`,然后利用该规则加载包含恶意脚本的远程JS文件。...

Global site tag (gtag.js) - Google Analytics