`
madbluesky
  • 浏览: 84035 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

关于HTML跨域集成的方案

 
阅读更多
最近为js跨域所困,花费了不少时间和精力,总结一下

浏览器跨域场景分3种情况:

1.希望跨域获取数据
   这一类场景可以通过jsonp的方式来获取,jquery本身就提供了很好的支持,这一方案本质还是利用了浏览器不限制js代码的跨域获取,json本身就是合法的js代码.

2.希望跨域集成html页面
   直接跨域集成html是不可能的,唯一的办法就是将html代码转化为js代码,利用js代码生成html,然后通过jquery的getscript方法或者直接使用script标签将js代码引入


3.使用iframe集成跨域的html页面
   跨域后iframe是不可以读取父窗口的URL的(不能读到也意味着不能刷新),但可以修改父窗口的URL,传递参数的方式只能是通过iframe的src,在链接后面添加参数,然后再js中通过location.search取到参数列表
分享到:
评论

相关推荐

    6种解决跨域的方案

    以下是对标题和描述中提及的6种解决跨域方案的详细解释: 1. **设置响应参数解决跨域**: 这种方法通常在服务器端通过设置HTTP响应头来实现。最常用的是在`Access-Control-Allow-Origin`头部指定允许跨域的源。...

    file协议导致的跨域问题以及解决方案.docx

    特别是使用file协议访问本地文件时,常见的跨域问题及其解决方案是开发者不得不面对的问题。 首先,同源策略要求“协议+域名+端口”完全一致的请求才被认为是同源。基于这种策略,如果一个文档包含来自不同源的资源...

    基于HTML和JavaScript的Ajax简介及跨域解决方案设计源码

    本项目为基于HTML和JavaScript的Ajax技术实践,集成了36个文件,涵盖17个HTML文件、13个JavaScript文件、4个Markdown说明文档...内容涉及Ajax基础简介及其在解决跨域问题中的应用,提供了详细的源代码和解决方案设计。

    HTML5平台中跨域访问使用说明

    在HTML5平台上,跨域访问是一个常见的挑战,尤其在进行多项目协作或者API集成时。跨域资源共享(CORS)是解决这个问题的关键技术。本文档将深入探讨如何在HTML5中实现跨域访问,帮助开发者避免修改大量代码,提高...

    iframe跨域通信的通用解决方案-第二弹!(终极解决方案)

    标题中的“iframe跨域通信的通用解决方案-第二弹!(终极解决方案)”指的是在Web开发中,使用`iframe`元素进行跨域通信的一种高级技术。跨域通信是Web应用程序中常见的需求,特别是在需要集成不同来源的网页内容或者...

    iframe 跨域访问session

    跨域访问`session`的解决方案有以下几种: 1. **P3P(Platform for Privacy Preferences)**:这是一种由W3C提出的隐私偏好平台标准,允许跨域`cookie`的设置。通过在响应头中添加`P3P`政策,服务器告诉浏览器它...

    JS跨域访问解决方案总结

    ### JS跨域访问解决方案总结 #### 一、跨域访问概念与同源策略 跨域访问,即一个网站上的资源尝试获取另一个不同域名网站上的资源。这种行为在现代Web开发中非常常见,例如通过`<style>`标签加载外部样式表、`...

    jQuery File Upload 可跨域的多图片上传

    - `jQuery File Upload` 并不只是前端的解决方案,它还提供了多种服务器端的适配器,包括PHP、Python、Ruby等,方便开发者根据自己的后端环境进行选择和集成。 8. **UI自定义**: - 除了基础功能,`jQuery File ...

    跨域上传net

    跨域上传则打破了这一限制,使得用户可以在一个网站上操作并提交数据到另一个网站,这对于某些需要多服务集成的场景非常有用。 Uploadify插件是实现跨域上传的一种工具,它提供了丰富的自定义选项和事件处理。在本...

    解决javaweb端跨域问题的jar包和文档

    文档可能详细介绍了如何在项目中集成这个jar包,包括配置步骤、示例代码和可能遇到的问题及解决方案。 9. **安全性考虑**: 虽然跨域问题是为了提高安全性,但过度开放的CORS策略也可能带来安全风险。攻击者可能...

    报表开发工具FineReport在ie8下的跨域提交

    通过上述方案,我们成功解决了报表开发工具FineReport在IE8环境下与其他应用之间的跨域提交问题。这种方法不仅适用于IE8这样的老式浏览器,也兼容现代浏览器。开发者可以根据实际情况灵活选择最适合的跨域通信方式。...

    easyXDM.zip_opera_跨域

    "包含了目前所有的主流跨域方式"意味着easyXDM可能集成了多种跨域解决方案,如JSONP(JSON with Padding)、IFrame、Window.postMessage、以及使用WebSocket和XDM(Cross Document Messaging)等技术。 现在我们来...

    基于iframe的跨域与更新父窗体地址栏的解决方案.docx

    ### 基于iframe的跨域与更新父窗体地址栏的解决方案 #### 1. 需求介绍 在现代Web应用开发中,经常会出现需要在一个应用中...这种方法不仅适用于特定场景,也具有一定的通用性,可以应用于更多需要跨域集成的场景中。

    iframe与主框架跨域相互访问

    本文将深入探讨`iframe`与主框架如何进行同域和跨域访问,并提供相关的解决方案。 同域访问: 在同域环境下,即`iframe`的源URL与包含它的页面URL具有相同的协议、主机名和端口,`iframe`与主框架之间的通信是无...

    ziilaa_uc(JS跨域操作工具:uc v1.0)

    通过查看和运行这个例子,开发者可以快速理解和学习如何在自己的代码中集成uc。 3. ziilaa_uc.jar - 这很可能是一个Java Archive (JAR) 文件,它包含了uc工具的Java代码。在JavaScript中,可以通过创建Java Applet...

    iframe跨域互相调用资源

    本示例“iframe跨域互相调用资源”提供了一个解决方案,它着重展示了如何通过`iframe`实现在不同源之间进行通信,并且处理了浏览器兼容性问题,特别是对较老版本的IE浏览器(至少支持到IE8)的支持。 首先,`iframe...

    vue 集成 ntko插件

    Vue.js是一个流行的轻量级前端框架,而NTKO则是处理Office文档的技术解决方案,它提供了JavaScript API,使得在Web环境中处理Office文档成为可能。 **一、NTKO概述** NTKO Office Web Control是一款专门用于Web环境...

    z_dialog弹出层对话框

    "z_dialog"是一个专门针对这一需求设计的插件,旨在提供一个功能强大且灵活的解决方案。这个插件能够支持多种不同的应用场景,并且特别强调了解决JavaScript跨域调用的问题。 首先,我们来深入理解什么是弹出层...

    基于pdf.js的移动端,PC端在线pdf文件预览,支持跨域的源码

    5. **支持跨域**:对于那些由于安全策略而不能直接访问的PDF文件,PDF.js提供了跨域解决方案,允许在不同源之间加载和显示PDF文档。 在"pdfh5-master"这个项目中,我们可以预期以下组件和配置: - **HTML结构**:...

Global site tag (gtag.js) - Google Analytics