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)