【JS】iframe 嵌入页面用法

文章目录

基本使用

基本使用

基本使用方式就是：

<style type="text/css">/* 推荐使用css设置iframe的样式，因为height设置成100%会失效，而这时就要用到vh单位，但是iframe标签不支持，css可以。 */.css{width: 100%;height: 100vh;    /* 视口的100%高度 */border: 0;      /* 把他自带的边框去掉，不然会有违和感 */}</style>
<iframe src="https://www.baidu.com" class="css" ></iframe>
<!-- 不推荐的属性，建议用css设置：width：像素值或百分比，框架作为一个普通元素的宽度，建议使用css设置。 height：像素值或百分比，框架作为一个普通元素的高度，建议使用css设置。 frameborder：0（无边框）或1（带边框），框架是否自带，建议使用css设置。 -->

常用属性设置：

属性	属性值	说明
name	字符串	框架的名称，`window.frames[name]`时专用的属性
src	url地址或文件路径	可以使页面地址，也可以是图片的地址。

【JS】iframe 嵌入页面用法相关推荐

Iframe嵌入页面大小边框和调整
Iframe嵌入页面大小边框和调整调整后面页大小原始页未调整代码:jsp <div class="jjyl twodw" styl ...
artDialog和iframe嵌入页面
artDialog和iframe嵌入页面 ok: function () { var iframe = this.iframe.contentWindow; var cont = iframe.doc ...
iframe嵌入页面白屏_Vue使用iframe嵌入第三方网页并修改标题
之前在工作中遇到的问题,点击链到第三方网页,并要求修改标题. 后面查了下,可以用 iframe 标签的功能大概的逻辑就是,点击A按钮,跳转到嵌入页面,嵌入页面中使iframe显示出来的页面,添加样式 ...
关于Iframe嵌入页面，获取内部页面高度的办法
项目中经常会嵌入别人的页面,如果不知道被嵌入页面的高度,就没法给Iframe高度赋值,内部嵌入的页面就会出现滚动条,影响页面的美观. 1.如果被嵌入页面和当前页面不跨域,可以使用Iframe的@loa ...
js iframe.contentWindow_iframe页面调用主页面.html
<!doctype html> <html lang="en"> <head><meta charset="UTF-8" ...
iframe 嵌入页面
<iframe>是框架的一种形式,也比较常用到. 例子1. <iframe width=420 height=330 frameborder=0 scrolling=auto src ...
iframe嵌入页面白屏_封闭在家学网页制作！为页面嵌入PDF文件——零基础自学网页制作
在页面中嵌入PDF文件在上一篇<在html页面中嵌入其他页面的方法--零基础自学网页制作>(结尾见目录)中我们学习了如何在页面中嵌入其他页面的操作.今天我们来嵌入一个pdf文件. 其实使 ...
iframe嵌入页面白屏_BFCache 与浏览器前进后退白屏
什么是BFCache back-forward cache, 为浏览器前进/后退时准备的缓存官方解释提到了 nsIDOMWindow ,那什么是 nsIDOMWindow 呢? This inter ...
iframe 嵌入页面后无法显示的问题
查看浏览器控制台发现: X-Frame-Options可用于指示是否应该允许浏览器呈现在一个页面<FRAME> 或 <IFRAME>中. 以确保网站内容是不是嵌入到其它网站. ...

【JS】iframe 嵌入页面用法

文章目录

基本使用

【JS】iframe 嵌入页面用法相关推荐

最新文章

热门文章