iframe内嵌标签

iframe标签可以在页面中内嵌一个html页面，可以帮助到我们解决很大的忙

iframe基本使用规则

直接在iframe标签中通过src属性导入html页面即可

<iframe src="/map/map.html"></iframe>

iframe常见的属性

height 高度
width 宽度
scrolling 在框架内是否可以滚动参数 auto, no, yes
src 引入页面的路径
frameborder 是否显示边框 1是有边框，0 是没有边框，默认是有边框的
name规定iframe名称
srcdoc 显示在框架中的内容(会把嵌在iframe中的内容覆盖), 必须是标准的html
align 规定位置 center, top, bottom, left

获取从父组件传过来的值

根据src属性带过来的值

function getUrlParaData(paraObj, paras){var returnValue = paraObj[paras.toLowerCase()];if (typeof(returnValue) == "undefined") {return "";} else {return returnValue;}}function getUrlParaObj() {var url = location.href;var paraString = url.substring(url.indexOf("?") + 1, url.length).split("&");var paraObj = {};for (i = 0; j = paraString[i]; i++) {paraObj[j.substring(0, j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=") + 1, j.length);}return paraObj;}var ProvinceId = getUrlParaData(getUrlParaObj(), "id");
//        let index =ProvinceId.splice('=');
//      console.log(index)

iframe内嵌标签相关推荐

form表单的使用，iframe内嵌标签
一.form表单,表单名称使用name action 把当前表单中的数据提交到哪个程序去处理后端功能接口 method 表单的提交方式常用的两种方式, get:可以缓存到浏览器中,有长度限制(204 ...
chrome浏览器跨域Cookie的SameSite问题导致访问iframe内嵌页面异常
问题还原通过cas单点登陆访问系统,通过一个系统内嵌入第三方系统的页面,同时第三方系统也配置了cas.访问一个系统跳转到登陆页面,然后内嵌入iframe中的第三方系统又进入登陆页面. 初步分析,该系 ...
vue框架中使用iframe内嵌网页，并且双击实现网页全屏放大
vue框架中使用iframe内嵌网页,并且双击实现网页全屏放大利用Iframe插入网页 <iframe ref="iframe" src="https://www ...
iframe 内嵌第三方网站 cookie 失效，解决办法
iframe 内嵌第三方网站 cookie 失效,解决办法网站iframe内嵌第三方带登录页的网站时,在ie和火狐和部分谷歌浏览器是可以的,但是在升级版的谷歌浏览器中是无法访问的问题是谷歌浏览器在 ...
php退出页面父元素,jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码...
iframe和弹窗这些词对于js高手来说都是耳熟能详的东西,作为一个新人来说,还在学习阶段的我就在工作中遇到这么一个奇葩的需求,要在引入的iframe页面里做一个全屏化的功能. 粗略一看,这还不容易, ...
iframe内嵌框架自适应高度
添加js代码: /iframe内嵌框架自适应高度/ function iFrameHeight() { var ifm= document.getElementById("iframepag ...
iframe内嵌高德地图搜索
iframe内嵌高德地图搜索
selenium登录斗鱼tv（切换iframe内嵌页面）
from selenium.webdriver import Chrome import time# 1.下载selenium # 2.将驱动放在python解释器文件夹中web = Chrome() ...
iframe内嵌框架的强大
<iframe frameborder="0" style='border:0px;width:"+width+"px;height:"+hei ...

iframe内嵌标签

获取从父组件传过来的值

iframe内嵌标签相关推荐

最新文章

热门文章