做一个iframe的弹出框

群里有个人想在微信页面里面加弹出框。作为前端的我，想着不可能这样做。后来一个人说了：

A:如果对方没有防盗链的话，你可以建个页面，内置iframe 到他的页面，然后把url 的参数也传入你的iframe。广告什么的就在你的主页面弹就好了

B:咋实现啊？
A:或者你可以做的酷一点。就是用模拟http 请求预先获取他的页面内容，然后重新排版渲染到你的页面上

B:很多盗版小说网站都是这么干的

我于是想到了一个解决方案：

1 <!DOCTYPE html>
2 <htmllang="en">
3 <head>
4     <metacharset="UTF-8">
5     <title>Document</title>
6     <styletype="text/css">
7 *{padding:0px;margin:0px;}
8 body{position:relative;}
9 html,body,iframe{height:100%;}
10 .adv{width:300px;height:200px;background-color:pink;position:absolute;bottom:500px;right:0px;}
11     </style>
12 </head>
13 <body>
14     <iframesrc="https://www.baidu.com/index.php?tn=monline_3_dg"width="100%"height="100%"frameborder="no"border="0"marginwidth="0"marginheight="0"scrolling="no"allowtransparency="yes"></iframe>
15     <divclass="adv">你的窗口！</div>
16 </body>
17 </html>

效果截图：

原来是可以的，又学习了。

转载于:https://www.cnblogs.com/liubeimeng/p/5526949.html

做一个iframe的弹出框相关推荐

纯js封装一个多功能弹出框
不借助其它的css代码和图片资源,可直接调用. 原创内容,请勿转载. 注意,不要直接复制文章里的封装代码,因为编辑器的原因,无论怎么编辑,它还是给修改了代码.文末提供了封装代码的下载地址(无需积分) ...
IDEA 插件开发一个只有一个输入框的弹出框
文章目录 IDEA 插件开发一个只有一个输入框的弹出框 1.显示效果 IDEA 插件开发一个只有一个输入框的弹出框 package com.wretchant.fredis.gui.dialog; ...
如何用python做无限弹窗_python弹出框
广告关闭腾讯云11.11云上盛惠 ,精选热门产品助力上云,云服务器首年88元起,买的越多返的越多,最高返5000元! super(winform, self).init(parent) self.r ...
同r做一个窗口_怎样在触摸屏上做一个自定义的弹出窗口？
在触摸屏的应用中,一些故障.警告等提示信息通常是使用系统的报警窗口来实现.系统的报警窗口通常只有故障/警告的编号.日期时间及报警信息等内容,并且可以被折叠.这种千篇一律的报警窗口有时候并不能满足项目的 ...
html 原生弹出框,html、css和js原生写一个模态弹出框，顺便解决父元素半透明子元素不透明效果...
模态框: html部分: 弹出框 hhhhh 取消确认 css部分: #box{ width: 80px; height: 40px; background: #fd7430; border:non ...
html仿苹果桌面导航js css,CSS简单实现弹出框、输入框等的背景幕布，模仿苹果官网导航块的半透明效果。...
需求提要我们如果想写一个效果类似弹出框的组件,首先简单分析一下弹出框的几个特性:弹出框肯定位于当前页面的最顶端,并且在弹出框关闭之前,其他控件都无法点击.focus等. 为了更好突出弹出框的效果,除 ...
【Chapter1】微信自带弹出框
文章目录一.简介二.弹出框 1.提示框 1.1 显示提示框 1.2 加载提示框 2.是否选择框 3.多项选择框三.嵌套四.遇到的问题最近用了一周写了一个仿知乎的小程序,将会陆续整理,包括前端 ...
Spinner弹出框遮挡住显示框的解决办法
在项目中使用到Spinner的时候,遇到了一个问题,弹出框在弹出之后,遮挡住了显示框,类似下面这样: 尝试设置了一些属性也没什么效果,之前在其它项目中使用Spinner的时候,并未出现这个现象.对比之 ...
第二百四十六节，Bootstrap弹出框和警告框插件
Bootstrap弹出框和警告框插件学习要点: 1.弹出框 2.警告框本节课我们主要学习一下 Bootstrap 中的弹出框和警告框插件. 一．弹出框弹出框即点击一个元素弹出一个包含标题和内容的 ...
Bootstrap实现弹出框和提示框效果代码
一.Bootstrap弹出框使用过JQuery UI应该知道,它里面有一个dialog的弹出框组件,功能也很丰富.与jQuery UI的dialog类似,Bootstrap里面也内置了弹出框组件.打 ...

做一个iframe的弹出框

做一个iframe的弹出框相关推荐

最新文章

热门文章