【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地址或文件路径	可以使页面地址，也可以是图片的地址。