[quote]浏览器获取特定的数据的办法 以前看了几篇这方面的文章,但是都未能找到一个合适的解决方法。 获取同一个的数据,可以通过XMLHTTP组件或IFRAME来实现,不存在访问的权限问题,因此比较简单。 但如果要访问不同的数据时,由于浏览器的安全设置,XMLHTTP没有权限获取数据,而IFRAME没有权限将获取的数据传递给父窗口,似乎没有其它解决办法。 在网上提到的方
今天我们聊一下前端中非常基础的一个知识点——iframe。作为一名前端,在业务中你可能会遇到这样一个场景:自己开发的页面中需要通过iframe嵌入别人的页面,比如passport页面(登录),但是常常因为问题,导致父子页面无法通信,这时我们就要想办法如何在的情况下解决这个问题。什么是?协议、域名、端口三者中只要有一个不一样就是!假设我们有以下场景:父页面a通过iframe内嵌子
业务场景:列表页面添加一个导入功能,该导入功能由第三方页面提供,导入完成后需要通知主列表刷新数据。先来看看iframe调用父页面的实现逻辑(以postMessage方式为例) (postMessage介绍:https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessage )1.父页面html 
什么是是指一个下的文档或脚本试图去请求另一个下的资源,这里是广义的。广义的: 1.) 资源跳转: A链接、重定向、表单提交 2.) 资源嵌入:<link>、<script>、<img>、<frame>等dom标签,还有样式中background:url()、@font-face()等文件外链 3.
按情境分1、不时2、主相同、子不同时3、主不同 不时访问iframe: contentWindow访问父级:parent 访问顶级:top注:没有发布网站不要使用webikit核心浏览器访问,不允许操作iframe,要用firefox,ie之类的测试a.html<html xmlns="http://www.w3.org/1999/xhtml"> <head&gt
1、和同源策略什么是同源策略?           同源策略是指浏览器处于安全考虑的情况下,只允许本下的借口进行交互。不同源的客户端在没有授权的情况下是不允许获取对方资源的。本指的是什么?    同协议:例如相同的http或https &nb
什么是,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对javascript施加的安全限制。所谓同源是指,域名,协议,端口相同。浏览器执行javascript脚本时,会检查这个脚本属于那个页面,如果不是同源页面,就不会被执行。同源策略的目的,是防止黑客做一些做奸犯科的勾当。比如说,如果一个银行的一个应用允许用户上传网页,如果没有同源策略,黑客可以编写一个登陆表单
请求发送了两次,这是什么原因呢?这种请求是因为它是applocayion/json格式的请求,在请求一个资源的时候,先会发送一个预检请求,然后才会发送真正的请求,那为什么报错了问题呢,是因为当前这个请求的Content-Type请求值不被支持要解决此类问题需要,在请求头上添加对应的规则:1.#允许请求的header add_header 'Access-Control-Allow-H
Web项目前后端分离开发时,经常会遇到请求和携带Cookie的相关问题:需要解决前端pc跟服务端(java),后都能获取到同一个cookie。使用二级域名共享cookie有一个限制条件,就是两个域名的二级域名必须相同前端pc访问域名:a.b.com 后端接口域名:a-gateway.b.com 这两个域名同属一个二级域名:b.com访问服务器nginx增加以下配置,即可解决访问
转载 4月前
6阅读
导读 在 HTML 中,<a>, <form>, <img>, <script>, <iframe>, <link> 等标签以及 Ajax 都可以指向一个资源地址,而所谓的请求就是指:当前发起请求的与该请求指向的资源所在的不一样。这里的指的是这样的一个概念:
因为浏览器的同源策略导致,不同域名之间无法访问,故而产生了一些规避的方法,今天学习了下,做下总结,加深记忆。1.使用iframe标签进行操作,原理解析:iframe框架标签拥有src属性,而其本身拥有访问外部页面的功能,我们可以通过iframe访问外部连接,载入之后以iframe为桥梁获取数据。具体见下面例子://前提条件 // a.test.com 访问 b.test.com/test
 一、简介    1. 首先简单介绍一下什么是                当我们在浏览器的地址栏中输入一个地址的时候,这个地址通常包含四部分信息内容。这四部分信息包含:①协议、②域名、③端口、④资源位置。          &n
1、iframe 定义和用法iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。HTML 与 XHTML 之间的差异在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中,不支持 iframe 元素。提示和注释:提示:您可以把需要的文本放置在 <iframe> 和 </iframe> 之间,这样就可以应对无法理解 ifra
Nginx反向代理处理问题 最近在做项目的时候遇到了一个问题,A系统首页,需要使用IFrame嵌套B系统、C系统的相关页面,那么问题来了——。虽然我们Java9以上框架都有SameOriginIframe(请求头中是否增加X-Frame-Options=SAMEORIGIN,默认1添加,设置为0不添加)、AllowIframeURL(允许其他域名的iframe嵌套页面的地址)、w
什么是调用?当两个页面端口不同或者协议不同,或者ip地址不同的时候,如果想在这个页面调用另外一个页面中的方法,就叫做调用父页面调用子页面通过iframe实现请求 www.a.com        www.b.com 想在a中调用b中的方法,因为a和b是不同的,不能直接调用,但是如果有一个中间页,这个页面和b是同
转载 2023-08-05 14:13:14
116阅读
由于安全方面的考虑,Javascript被限制了访问的能力,但是有时候我们希望能够做一些合理的访问的事情,那么怎么办呢? 这里分两类情况: 一、基于同一父的子之间页面的访问;参见如下3个domain:taobao.com、jipiao.taobao.com、promotion.taobao.com;它们有相同的父taobao.com。
方法一: window.name : 原理:name 在浏览器环境中是一个全局window对象的属性,在一个窗口中
原创 2023-03-05 16:43:15
589阅读
业务需求要将a系统嵌入到淘宝平台,也就是通过iframe方式嵌入a系统页面,由于是不同平台系统,不同的域名,所以在测试中就发现在嵌入的a系统中会存在session失效问题,开始以为是前端页面问题,但是在FF下测试不存在,IE下才出现,后来google才知道是问题导致: 产生问题场景: 在一个应用A的某个page中, 通过IFrame的方式嵌入另一个应用的domain...
4种通过iframe与其他页面通信的方式不同下的iframe不能进行操作。1、location.hash:在url中,http://www.baidu.com#helloword的#helloworad就是location.hash,改变hash值不会导致页面刷新,所以可以利用hash值来进行数据的传递,当然数据量是有限的。假设localhost:8080下有文件cs1.html要和loca
转载 2023-07-25 17:47:59
327阅读
1、window 对象 浏览器会在其打开一个 HTML 文档时创建一个对应的 window 对象。但是,如果一个文档定义了一个或多个框架(即,包含一个或多个 frame 或 iframe 标签),浏览器就会为原始文档创建一个 window 对象,再为每个框架创建额外的 window 对象 2、con
转载 2016-12-01 09:57:00
1453阅读
  • 1
  • 2
  • 3
  • 4
  • 5