iframe调用别的网站的iframe并且更改其显示样式

最新推荐文章于 2024-05-16 16:35:47 发布
最新推荐文章于 2024-05-16 16:35:47 发布
阅读量1.2w 收藏 2
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuelenglingxi/article/details/25783449
版权

今天老板让我调用另外一个网站的部分代码，但是样式是别的网站上定义的，从来没有接触过这类问题，后来发现，之前有人写了一个asp页面是vbscript后台语言写的，就是读取调用的页面内容并且进行样式的替换和更改.。如下所示，是调用的那个网站提供的页面

下图所示就是改好了的样式的并且调用的仍然是上面页面的内容，通过asp文件进行处理了一下


如有需要此代码的可以问我要哦，qq：664027099，欢迎技术交流！@
冷月心凝
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
react-frame:在iframe中对组件进行React以实现独立CSS样式
05-09
React框架 在iframe中对组件进行React以实现独立CSS样式 安装 npm install react-frame --save yarn add react-frame 演示版 用法 < Frame styleSheets = { [ 'frame1.css' ] } css = { 'body{background-color:#eee;}' } > < div xss=removed> frame < / div > < / Frame > 执照 麻省理工学院
js调用iframe实现打印页面内容的方法
12-12
JavaScript调用IFrame实现打印页面内容的方法是一种常见且实用的技术，尤其在网页中需要特定区域打印或者保持原页面不被改变的情况下。以下是该方法的详细解释： ### 1. 程序说明 1. **选择性打印**：此方法允许...
vue项目中修改iframe嵌入的css样式
木木木华的博客
06-19 7087
vue项目中修改iframe嵌入的css样式
vue3项目中修改Iframe引入内容的css样式
最新发布
zhang_zan
05-16 1225
vue3中修改iframe中css样式
如何修改外来的iframe内的页面的元素的样式
行走天下
01-23 1万+
window.onload = function(){     var _iframe = document.getElementById('iframe').contentWindow.document.getElementsByClassName('class')   //get iframe下的id     _iframe[0].style.display= "none";  //修改样式 ...
iframe嵌入页面白屏_Vue使用iframe嵌入第三方网页并修改标题
weixin_39520210的博客
12-01 2105
之前在工作中遇到的问题，点击链到第三方网页，并要求修改标题。后面查了下，可以用 iframe 标签的功能大概的逻辑就是，点击A按钮，跳转到嵌入页面，嵌入页面中使iframe显示出来的页面，添加样式： position:fixed; width: 100%; height: 100vh; top: 0; left: 0;然后使用vue，...
在Vue中引入外部css文件修改iframe嵌入页面的样式
神经彬的博客
12-27 3522
1、将css文件放入public/static/css文件夹中 public目录下的所有文件编译之后都会拷贝到根目录，我们要想把这个文件夹下面的文件编译之后放到static下面，就只需要将public下的文件，都放到public/static文件夹下面，这样编译之后，会把所有静态文件都放到static文件夹下面。 2、添加link标签引入css文件 // 获取iframe html文件 const doc = this.$refs.iframe.contentWindow.document //
修改 iframe 中的 CSS 样式
热门推荐
Gleason
07-05 8万+
工作中总能遇到 引用别人的页面,就会带来很多问题,比如iframe中的样式不满足我们的需求,这就需要修改iframe中的样式, 下面我们做一个修改 iframe 中样式的 Demo: 知识点: let test = document.getElementById('引用的iframeId').contentWindow.document.getElementById('修改样...
跨域修改iframe页面内容详解
12-13
需要将proxy.html放到与内嵌的iframe页同域的服务下, 并且可以被访问到. 使用 支持2种调用方式: 使用 postMessage 和 URL params. postMessage 该方法需要使用 JSON.stringify 将对象转为字符串. // React function...
jQuery基于ID调用指定iframe页面内的方法
11-22
在网页开发中，有时我们需要在父页面中与嵌入的iframe子页面进行交互，例如调用iframe内定义的函数或修改其内部元素的属性。jQuery提供了一种方便的方式来实现这样的跨框架通信。本文将深入讲解如何使用jQuery基于ID...
详解iframe与frame的区别
09-02
- iframe的灵活性更高，可以随时动态修改src属性，适应各种需求。 - frame在定义后，其内容通常在页面加载时确定，调整起来相对复杂。 3. **SEO和浏览器支持** - iframe在SEO方面较差，但对现代浏览器的支持较好...
js iframe 打印 打印预览 页眉页脚的设置
04-10
在JavaScript中，可以使用`iframe.contentDocument`访问iframe的DOM，从而修改其内容，包括添加页眉和页脚元素。例如： ```javascript var iframeDoc = iframe.contentDocument || iframe.contentWindow.document; ...
H5 前端 如何修改iframe 内置网页的样式
weixin_61843526的博客
03-01 1098
contentDocument 也可为contentWindow。个人认为主要是看是内置是html 还是文件。调用iframe load 的方法。
iframe嵌套改变url地址
moyan的博客
08-24 1万+
2种情况： 1、打个比方，一个页面A里面有一个iframe，iframe里面显示的是B页面。需要在B页面修改A页面下的iframe的url(如果楼猪是这个意思)。在B页面里面可以这样：window.parent.SetiframeUrl(url);（SetiframeUrl是父页面(A页面)的一个js方法）。如果楼猪是多层嵌套。比如B页面里面还有个iframe，iframe里面还有个C页面。如果...
关于iframe的使用，样式修改等
qq_33304139的博客
12-27 2819
需求 由于工作上的需要，我们集成了其他框架的一些功能，这些功能需要 无间隙集成到我们自己所在的菜单中，此时我们不仅需要将其 url带入，还需要修改一些样式。 思路 使用iframe标签将页面引入，当iframe页面内容发生变化时（事件），启用定时任务去一直查找需要改变样式的dom元素，直到将元素改变样式后才关闭定时器。 具体代码 前端部分主要是iframe部分（具体iframe其他的样式大家自己调） <iframe id="viewTrans" frameborder="0" ..
html修改显示页面内容,html修改iframe内容
weixin_39878401的博客
06-03 1511
IFrame里面的子页面html内容变化时，怎么动态改变I比如IFrame在onload的时候table显示5行，页面高度是500px，再改成20行的在IFrame的具体页面(就是子页面)，添加JavaScript function IFrameResize(){ //alert(this.document.body.scrollHeight); //弹出当前页面的高度 var obj = par...
iframe 引入第三方页面，并去掉页面的导航栏和下半部分，只显示部分页面的方法
weixin_51192038的博客
03-06 6432
iframe 引入第三方页面，并去掉页面的导航栏和下半部分，只显示部分页面的方法 我用的elementui 画的页面，和html一样 用iframe引入第三方页面 （1）src 里面写要引入的第三方页面的链接 （2）iframe 一定要放在div里面，最外层div的position =relative，里层的div的position=adsolute （3）去掉头部的内容，可以直接在`里层的div中的margin-top设置，margin-top = -122px，这个-122px 可以根据自己的需求
iframe跨域修改子页面内容_跨域修改iframe(框架)中的文字内容
weixin_39555415的博客
01-17 2043
跨域修改iframe(框架)中的文字内容。有的时候我们需要在自己网站上利用iframe(框架)功能框住外部网站一个页面，而且出于某种目的，有时还想把被框架的网页替换掉部分文字，这就需要解决iframe(框架)跨域问题了，在网上找的一段代码，收集备忘。首先需要修改iframe加载方式然后再利用一段JS来替换内容document.getElementsByTagName("iframe")[0].sr...
跨域修改iframe内部样式
05-24
对于这个问题，你需要了解一些基础知识。如果要跨域修改iframe内部样式，需要满足以下条件： 1. 父页面和iframe页面必须同源。 2. 父页面和iframe页面必须都使用HTTPS协议。 如果满足这些条件，可以通过以下方法跨域修改iframe内部样式： 1. 获取iframe的内容窗口对象 ``` var iframeWindow = document.getElementById('iframe').contentWindow; ``` 2. 在iframe页面中添加一个js函数，用于修改需要的样式 ``` function changeStyle() { var element = document.getElementById('targetElement'); element.style.color = 'red'; } ``` 3. 在父页面中调用这个js函数 ``` iframeWindow.changeStyle(); ``` 通过这种方法，我们可以跨域修改iframe内部的样式。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值