html的页面怎样直接跨域访问,【HTML】iframe跨域访问问题

最新推荐文章于 2024-08-18 21:47:24 发布
最新推荐文章于 2024-08-18 21:47:24 发布
阅读量1.8k 收藏
点赞数
文章标签： html的页面怎样直接跨域访问
本文介绍了在Chrome浏览器中，本地HTML文件通过iframe加载时出现的跨域问题及自适应高度失效的情况。作者发现这可能是由于file协议引起的跨域限制。文中探讨了iframe跨域访问的常见解决方案，包括同主域下的跨域设置、P3P头解决cookie跨域、利用postMessage等，并提到了在IE中处理跨域丢失Session的方法。文章还提及了自定义iframe高度的挑战，由于JS跨域限制，实现不同域的子页面返回高度给父页面成为难点。
摘要由CSDN通过智能技术生成

概述

本地同一浏览器访问本地HTML文件和访问服务器端HTML文件，本地Iframe没有自适应高度，而服务器端的Ifrane自适应了高度。

1.问题重现：

Chrome 版本 41.0.2272.101 (64-bit)

OS:Win8.1

Chrome访问服务器端HTML文件呈现的结果

9acc7ba87d16a583349923c78c763e62.png

Chrome访问本地HTML文件呈现的结果

965d40fe542937fd6da676da70ed12f0.png

本地访问的HTML文件Iframe没有根据Iframe里面的页面类容自适应高度

2.Iframe自适应高度代码

在index.html文件中间中添加Iframe页面,页面加载时，加载src指定的文件路径

frameborder="0" marginwidth="0" marginheight="0" scrolling="no">

JS脚本自适应调整Iframe高度

function iFrameHeight(id) {

var ifm = document.getElementById(id);

var

最低0.47元/天 解锁文章
晋阳锦芸
关注
html跨域访问
kerryqpw的博客
06-04 1403
html跨域访问
iframe 跨域访问session
01-28
`iframe` 跨域访问`session`正是为了解决这一问题。 首先，让我们了解一下`session`和`cookie`的关系。`session`通常用于存储用户登录状态等临时信息，而`cookie`则作为`session` ID的载体在客户端和服务器之间传递...
html静态页面，实现跨域访问
05-16
请用google浏览器打开，页面百分比缩小到百分之三十再访问。 1、 请在服务器上部署附件war 2、 将【两个工程.zip】压缩包中的webChart.war和jdbc2json.war上传至apache-tomcat-8.0.33/webapps下 3、 启动tomcat，~/apache-tomcat-8.0.33/bin/start.sh
iframe跨域常用问题和iframe页面自适应
08-20
这是关于iframe使用过程中出现的问题整理的解决方法，关于使用iframe不用单独写接口打通数据，直接把数据通过ifarme嵌套方法传递过去，使用简单方便。
探索HTML中的“iframe”标签——WEB开发系列12
最新发布
一条晒干的咸鱼的博客
08-18 1922
现代网页开发中，​​​​ 标签是一个非常重要的工具。允许我们在一个网页中嵌入另一个网页，对于展示外部内容、应用嵌套或实现复杂的布局设计都非常有用。来一起探讨如何使用 ​​iframe​​ 标签，包括设置高度和宽度、移除边框，以及如何用 ​​iframe​​​ 来显示目标链接页面。
html跨域问题
qq_41891425的博客
02-07 2449
后端是一个独立的服务器（ubuntu环境 c语言写的api接口http://123.56.157.135:1994），它的作用跟nginx的一样，前端（html部署在nginx环境http://123.56.157.135:80）又是直接访问的那个服务器（前端和后端在一个服务器123.56.157.135） 端口不一致出现了跨域问题 解决方法 前端请求的api先跑到你这个nginx服务器上你再代理到那个c服务器 步骤一 在你前端代码里搜索 xxx.xxx.xxx.xxx(你的ip):1994， 替换为
html中怎么跨域访问
liaomin416100569的专栏
12-02 4074
首先我们可以使用jquery 首先在js开头 导入jquery{ var jquerjs = document.createElement('script');  jquerjs.id='jquerjs';  jquerjs.type='text/javascript'; jquerjs.encoding='utf-8';  jquerjs.src = "jquery-1.4.2.js";  if (document.body != null)     document.body.appendChild(j
HTML中＜iframe＞跨域的页面
qq_35389653的博客
12-21 2502
今天我们来谈谈一个页面的内嵌某个页面的问题，已经被内嵌的网页的高度自适应问题以及内容的溢出导致的滚动条的隐藏的问题，首先我们应该先了解什么是跨域和同域的问题 何为跨域和同域 URL 说明 是否允许通信 http://www.a.com/a.js http://www.a.com/b.js 同一个域名下 允许 http://www.a.com/lab/a.js http://www.a.com/script/b.js 同个域名下，不同文件夹下 允许 http://www.a.com:
HTML：跨域
KaiSarH
02-27 2944
跨域
HTML——解决跨域
热门推荐
qq812457115的博客
05-28 1万+
1. 跨域 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的 2. 解决跨域的方式 1.通过jsonp跨域 2.document.domain + iframe跨域 3.location.hash + iframe 4.window.name + iframe跨域 5.postMessage跨域 6.跨域资源共享（CORS） 7.nginx代理跨域 8.nodejs中间件代理跨域 9.WebSocket协议跨域 2.1. 通过jsonp跨域 jsonp缺点：只能实现get一
跨域修改iframe页面内容详解
12-13
需要将proxy.html放到与内嵌的iframe页同域的服务下, 并且可以被访问到. 使用 支持2种调用方式: 使用 postMessage 和 URL params. postMessage 该方法需要使用 JSON.stringify 将对象转为字符串. // React function...
完美解决iframe跨域问题
04-18
3. **iframe跨域问题**：当iframe加载的页面与包含它的页面不在同一个域时，就会出现跨域问题，导致无法直接通过JavaScript进行通信，如获取iframe内的内容、设置iframe的属性等。 **二、iframe跨域的解决方案** 1...
跨域访问
面向未来的历史
05-25 891
背景： 1、 在使用beego开发后台接口，nginx作为反向代理，ajax请求后台接口。 2 、 beego后台使用session需要验证用户是否登录，但在beego中使用cookie时，针对session默认使用 httponly， 使得session cookie 被存储在response header 中， js无法获取，所以无法用js读取cookie，请求接口时，返回给接口，达到验...
html 页面跨域访问,html页面如何跨域访问另一页面内容，并将部分内容呈现出来？...
weixin_30945845的博客
06-03 250
html代码：简介我需要将接口界面的部分内容，显示在id为p4的块中，我自己这边服务器请求是跨域访问，如何操作？jquery ajax来完成，load()方法不能跨域，所以不能用；我自己的代码如下：$(document).ready(function(){$.ajax({type:"GET",url:"http://139.196.175.34:9080/nodecorator/getcompan...
html前端跨域问题的解决方案
weixin_41883890的博客
11-15 6102
来，我们解释一下：首先通过第一个script脚本注册一个函数f，那么这个函数自然就存在了，后面使用的脚本也能用f这个函数，这个道理和你用script引入一个jquery然后后面用 $ 开始一通操作是一样的道理。但是但是前端这个时候注册了一个f函数呀，所以就会执行这个f(‘你好’)，那么前端的数据也就请求回来了。首先是前端：使用ajax发送get请求，请求地址为http://127.0.0.1/api/get，由于前端页面使用file格式打开，所以在请求http协议的本机地址是会产生跨域问题。
跨域是怎么一回事？
我的树洞
09-03 460
跨域是什么？ 就是一个页面想去获取另一个页面的中的资源，出于安全考虑，浏览器通过同源策略对JavaScript实施的安全限制。出现的现象就是： Cookie、LocalStorage（做vue持久化的） 和 IndexDB （vue的用来做数据缓存的）无法读取 DOM 和 JS 对象无法获取 Ajax请求发送不出去 同源策略是什么？ 它用于限制一个origin的文档或者它加载的脚本如何能与另一个源的资源进行交互。它能帮助阻隔恶意文档，减少可能被攻击的媒介。 origin：Web内容的源由用于访问它的UR
解决html跨域问题
qq_55113068的博客
06-13 2785
静态html嵌套跳转竟然会跨域？？？请求协议未知？？？原来是开了挂载域名不对啊
本地html页面访问出现跨域问题
guodongme123的博客
04-19 5293
关于本地html页面引入js文件后出现跨域访问的问题 本地html页面访问出现跨域问题 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助...
WebStrom : JavaScript ：Html : 跨域问题 和 简单的测试是否跨域的 html页面
weitaming1的博客
03-04 1293
initMap.html:1 Access to XMLHttpRequest at 'http://218.207.195.169:8086/SuperMap/Data-jia3/tileset.json' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-A...
代理页面解决iframe跨域访问的问题aspx
05-01
在 ASP.NET 中，可以使用代理页面来解决 iframe 跨域访问的问题。代理页面的作用是将客户端请求发送到目标网站，然后将目标网站的响应返回给客户端，从而实现跨域访问。 以下是一个简单的代理页面示例： ```c# <%@ Page Language="C#" %> <%@ Import Namespace="System.Net" %> <script runat="server"> protected void Page_Load(object sender, EventArgs e) { // 获取目标网站的 URL string targetUrl = Request.QueryString["url"]; // 创建 WebRequest 对象 HttpWebRequest request = (HttpWebRequest)WebRequest.Create(targetUrl); // 发送请求并获取响应 HttpWebResponse response = (HttpWebResponse)request.GetResponse(); // 将响应内容输出到客户端 Response.Clear(); Response.ContentType = "text/html"; using (StreamReader reader = new StreamReader(response.GetResponseStream(), Encoding.UTF8)) { Response.Write(reader.ReadToEnd()); } Response.End(); } </script> ``` 在页面中，我们首先获取到客户端传递过来的目标网站 URL，然后创建一个 WebRequest 对象发送请求，获取响应内容，并将响应内容输出到客户端。 使用代理页面时，我们需要将 iframe 的 src 属性设置为代理页面的 URL，同时需要将目标网站的 URL 作为参数传递给代理页面。例如： ```html <iframe src="Proxy.aspx?url=http://www.example.com"></iframe> ``` 这样就可以实现跨域访问了。需要注意的是，代理页面会将客户端的请求转发到目标网站，因此在使用代理页面时需要考虑安全问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值