程序问答   发布时间:2022-06-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何在 iframe 中编辑内容或添加样式? 如果主页和 iframe 内容共享一个来源否则大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决如何在 iframe 中编辑内容或添加样式? 如果主页和 iframe 内容共享一个来源否则?

开发过程中遇到如何在 iframe 中编辑内容或添加样式? 如果主页和 iframe 内容共享一个来源否则的问题如何解决?下面主要结合日常开发的经验,给出你关于如何在 iframe 中编辑内容或添加样式? 如果主页和 iframe 内容共享一个来源否则的解决方法建议,希望对你解决如何在 iframe 中编辑内容或添加样式? 如果主页和 iframe 内容共享一个来源否则有所启发或帮助;

我有一个 <iframe> 标签。

我不知道如何向该 <iframe>

添加内容

例:---

<iframe ID="iframe" src="https://musafiroon.github.io/stackoverflow/index.HTML" wIDth="200"/>

https://musafiroon.github.io/stackoverflow 我已经制作了 3 个属性为 class="text" 的元素

我想在我的 iframe 中将所有这些文本都涂成蓝色。

我该怎么做?

我正在我的电脑上使用文件夹中的一些 HTML 文件

解决方法

您无法编辑 iframe 标签的内容。

,

iframe src url 是否与主页属于同一来源?他们访问的是同一个域名吗?

如果主页和 iframe 内容共享一个来源

Javascript and same origin iframes

否则

您需要更改某些内容,以便他们共享一个起源。您可以将 iframe 内容放在代理后面,以便它共享主页的来源。如果您的主页是动态站点,您可以添加一个新端点(例如 /iframe),并在请求处理程序中(在服务器端)请求您的 iframe 内容并返回它。或者,您可以使用 AWS CloudFront 或 Akamai 等 CDN 服务将主页和 iframe 内容域合并为一个域。您可以对其进行配置,以便/iframe/* 的请求由 your-iframe-content.com/* 提供服务,而所有其他请求由您的主内容服务器提供服务。 Explanation for CloudFront

,

我觉得您可以通过在源文件“index.html”中定义类的颜色来更改 iframe 中内容的颜色。 您可以按照以下代码在 iframe 中设置内容的颜色..

<style>
.text{
    color:blue;
}
</style>

使用您的主要代码。

大佬总结

以上是大佬教程为你收集整理的如何在 iframe 中编辑内容或添加样式? 如果主页和 iframe 内容共享一个来源否则全部内容,希望文章能够帮你解决如何在 iframe 中编辑内容或添加样式? 如果主页和 iframe 内容共享一个来源否则所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。