了解iframe官方定义为：iframe是HTML标签，作用是文档中的文档，或者浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架（即行内框架）。简单理解为：iframe是一个内联框架，可以在当前HTML页面中嵌入另一个文档。iframe的属性这里只介绍常用属性name:规定 <iframe> 的名称。width:规定 <iframe> 的宽度。he
转载
2023-10-27 04:42:53
436阅读
首先我们得弄清楚什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。方法一：document.domain + iframe (只有在主域相同的时候才能使用该方法)在www.a.com/a.html中：document.domain = 'a.com';
var ifr = document.createElement('iframe');
ifr.src = '
转载
2023-12-20 17:04:39
0阅读
前段时间给一个客户制作网站在线客服的时候遇到一个问题，客户想尽量美化一下客服的框，而我们研究发现，客服框其实是iframe引用的外部资源。开始我们也天真地以为，自己写段代码，再优化一下css就可以完美实现客户想要的效果了，其实不然。工作中总能遇到 引用别人的页面,就会带来很多问题，比如iframe中的样式不满足我们的需求，这就需要修改iframe中的样式。下面我们做一个修改 iframe 中样式的
转载
2023-07-19 20:32:11
1071阅读
浏览器的第三方 cookie 限制所谓第三方 cookie，就是说你访问网页 A，却接收到域名 B 的 cookie 设定指令。这可能是由于网页 A 请求或链接了 B 的网页，比如上面提到的 iframe 以及 jsonp。我查到了各个浏览器对于跨域的处理规则，可以看到第三方 cookie ，IE 在默认设置中是做了限制的。不同浏览器的第三方cookie规则IEFireFoxChromeSafar
# 如何实现 HTML5 Meta 跨域设置
在现代的 web 开发中，跨域问题是一个常见的挑战。今天，我们将学习如何通过设置 HTML5 中的 meta 标签来解决跨域问题。接下来，我会以步骤的形式呈现整个流程，并逐步告诉你具体需要做什么，以及相应的代码实现。
## 流程概述
下面是实施 HTML5 Meta 跨域设置的简单流程：
|步骤|描述|
|---|---|
|1|确定需要跨域访
# HTML5 设置跨域COOKIE
在Web开发中，跨域请求是一个常见的问题。为了加强安全性，现代浏览器在默认情况下禁止跨域请求共享cookie。然而，有时候我们希望在不同的域名之间共享cookie，这就需要进行一些额外的配置。在本文中，我们将介绍如何使用HTML5来设置跨域cookie，以及提供一些示例代码来帮助读者理解这个过程。
## 什么是跨域请求？
跨域请求是指客户端从一个域名发送
原创
2023-10-09 08:37:44
207阅读
(请打开控制台看日志) 原文日期： 2010年09月03日 翻译日期： 2013年08月24日 我写了一个 MooTools 的插件"PostMes...
转载
2013-08-26 11:04:00
115阅读
2评论
原文地址：HTML5′s window.postMessage API 在线示例：Using HTML5's window.postMessage(请打开控制台看日志) 原文日期： 2010年09月03日 翻译日期： 2013年08月24日 我写了一个 MooTools 的插件"PostMessager"来封装window.postMessage,你可以点击这里下载! HT
翻译
2022-02-16 15:22:07
241阅读
跨域：现代浏览器出于安全的考虑，在http/https请求时必须遵守同源策略，否则即使跨域的http/https 请求，默认情况下是被禁止的，ip(域名)不同、或者端口不同、协议不同(比如http、https) 都会造成跨域问题。一、前端解决方案使用 JSONP 来支持跨域的请求，JSONP 实现跨域请求的原理简单的说，就是动态创建 script 标签，然后利用 script 的 SRC 不受同源
转载
2023-12-14 19:28:26
218阅读
前言： 在前端发出Ajax请求的时候，有时候会产生跨域问题，报错如下:Access to XMLHttpRequest at ‘http://127.0.0.1/api/post’ from origin ‘null’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the
转载
2023-08-25 12:21:53
1437阅读
1. 跨域跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的2. 解决跨域的方式1.通过jsonp跨域 2.document.domain + iframe跨域 3.location.hash + iframe 4.window.name + iframe跨域 5.postMessage跨域 6.跨域资源共享（CORS） 7.nginx代理跨域 8.nodejs中间件代理跨域
转载
2023-07-12 15:42:13
245阅读
按情境分1、不跨域时2、主域相同、子域不同时3、主域不同 不跨域时访问iframe： contentWindow访问父级：parent 访问顶级：top注：没有发布网站不要使用webikit核心浏览器访问，不允许操作iframe，要用firefox，ie之类的测试a.html<html xmlns="http://www.w3.org/1999/xhtml">
<head>
转载
2024-03-13 22:24:18
267阅读
4种通过iframe跨域与其他页面通信的方式 不同域下的iframe不能进行操作。1、location.hash：在url中，http://www.baidu.com#helloword的#helloworad就是location.hash，改变hash值不会导致页面刷新，所以可以利用hash值来进行数据的传递，当然数据量是有限的。 假设localhost:8080下有文件cs1.html要和l
转载
2023-11-14 09:04:12
128阅读
# 如何实现html5 video跨域
---
## 整体流程
下面是实现html5 video跨域的步骤：
| 步骤 | 描述 |
| --- | --- |
| 1 | 设置服务器响应头允许跨域请求 |
| 2 | 使用video标签播放跨域视频 |
| 3 | 在视频标签内添加crossorigin属性 |
---
## 具体步骤
### 步骤一：设置服务器响应头允许跨域请求
原创
2024-02-21 06:11:06
2236阅读
# HTML5 请求跨域的基础知识
当谈到 web 开发时，跨域请求通常是一个频繁遇到的话题。跨域指的是从一个域名的网页去请求另一个域名的资源。在现代 web 应用中，由于安全性和同源策略的限制，跨域请求可能会遇到各种问题。本文将探讨 HTML5 中的跨域请求，并提供代码示例以帮助您理解。
## 什么是同源政策？
同源政策是一种重要的安全机制，它限制了一个文档或脚本能够与来自不同源的资源进行
首先我们得了解什么是跨域我们来回顾一下一个域名地址的组成：http:// www abc.com :8080 /script/jquery.js协议 子域名 主域名 端口号 请求资源地址当协议、子域名、主域名、端口号不同时，都算作不同域不同域
转载
2024-10-10 14:31:59
21阅读
HTML5解决跨域问题 由于浏览器的同源策略，网络连接的跨域访问是不被允许的，XHR对象不能直接与非同源的网站处理数据交互。而同源指的是什么呢？同源的范畴包括：规则(协议)，主机号(域名、ip等)，端口号。但是随着开放，共享平台的流行，跨域访问的需求愈加强烈。目前最常用的跨域方案是动态加入script标签，这多少有点hack的意味，跨域访问似乎一直没有什么安全且光明正大的办法。 
转载
2023-11-18 19:37:05
190阅读
移动开发跨平台之争：本地应用还是HTML5？(图自王哲演示文稿) HTML5的“跨平台优势”一说由来已久。我们之前曾报道Facebook工程师的改版手记，其中提到他们对HTML5跨平台快速迭代的推崇。然而前不久扎克伯格却公开发声“押注HTML5是大错”。关于它的实用性，或许使用者自己才更有发言权。 以下是Cocos2D-X核心开发者王哲(微博)在cocoaChina移动开发者大
转载
2023-11-02 10:27:32
96阅读
移动开发跨平台之争：本地应用还是HTML5?(图自王哲演示文稿)
HTML5的“跨平台优势”一说由来已久。我们之前曾报道Facebook工程师的改版手记，其中提到他们对HTML5跨平台快速迭代的推崇。然而前不久扎克伯
有时候父页面需要和子页面进行数据交互，但是如果子页面和父页面不同源，那么这个时候就会出现跨域问题。 1.hash一般通过改变当前页面的location来附加上需要传递的数据，然后另外的页面截取hash值来获得数据。// 利用hash，场景是当前页面 A 通过iframe或frame嵌入了跨域的页面 B// 在A中伪代码如下：var B = document.getElementsByTa
转载
2024-05-09 14:40:17
95阅读
