iframe标签 常见用法

1.情景展示

在html中，iframe标签如何使用？

<iframe src=""></iframe>

2.具体分析

去除边框

添加属性：frameborder="0"

<iframe src="" frameborder="0"></iframe>

定义宽度和高度

方式一

<iframe src="" frameborder="0" height="100%" width="100%"></iframe>

方式二

<iframe id="reportPage" src="" frameborder="0" style="height: 100%;width: 100%;"></iframe>

通过更改src来控制显示不同的页面

var param = "orgCode=" + orgCode + "&patientTypeName=" + patientTypeName + "&patientCode=" + patientCode + "&APPLY_NO=" + APPLY_NO + "&REPORT_TYPE=" + REPORT_TYPE + "&CONSULT_APPLY_ID=" + CONSULT_APPLY_ID;

var fillIn = $(this).val();
if (fillIn == 1) {// 手动填写
    $('#reportPage')[0].src = baseUrl + "/ycyl/lis/report/viewAdd_manual.jsp?" + param;
} else {// 自动获取
    $('#reportPage')[0].src = baseUrl + "/ycyl/lis/report/viewAdd_search.jsp?" + param;
}

写在最后

　　哪位大佬如若发现文章存在纰漏之处或需要补充更多内容，欢迎留言！！！

 相关推荐：

• ​​个人主页​​
• ​​js-取值&赋值-获取某标签某属性的值​​
• ​​js 获取iframe页面元素​​