iframe标签 常见用法

Heaven helps those who help themselves
资深码农+深耕理财=财富自由
欢迎关注

iframe标签 常见用法

Created by Marydon on 2022-04-21 16:28

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页面元素

与君共勉：最实用的自律是攒钱，最养眼的自律是健身，最健康的自律是早睡，最改变气质的自律是看书，最好的自律是经济独立 。

您的一个点赞，一句留言，一次打赏，就是博主创作的动力源泉！

↓↓↓↓↓↓写的不错，对你有帮助？赏博主一口饭吧↓↓↓↓↓↓