TypechoJoeTheme

徐伟轩博客

统计
搜索到 1 篇与 iframe 的结果 ———
2020-09-14

如何修改iframe里的css样式及跨域问题讲解

如何修改iframe里的css样式及跨域问题讲解
前段时间徐伟轩给一个客户制作网站在线客服的时候遇到一个问题,客户想尽量美化一下客服的框,而我们研究发现,客服框其实是iframe引用的外部资源。开始我们也天真地以为,自己写段代码,再优化一下css就可以完美实现客户想要的效果了,其实不然。工作中总能遇到 引用别人的页面,就会带来很多问题,比如iframe中的样式不满足我们的需求,这就需要修改iframe中的样式。下面我们做一个修改 iframe 中样式的 Demo:知识点:let test = document.getElementById('引用的iframeId').contentWindow.document.getElementById('修改样式的Id'); test.style.width = "200px"; 第1步:创建一个setIframeStyle文件夹第2步:在setIframeStyle文件夹中创建 A.html 和 B.html2.1: A.html文件<!DOCTYPE html> <html> <head> <meta charset...
2020-09-14

整设计

3 阅读
0 评论
2020年09月14日
3 阅读
0 评论