通过iframe调用其他网页的内容,这种手段很多站长都用过,尤其是刚接触网站建设的朋友,对这种方法非常喜欢。因为它使用简单,只需一小段代码,即可实现将另外一个网页的内容收入到自己网页中。下面随橘子君一起来看看使用方法。
iframe代码调用方法
HTML
- <iframe src="https://www.juzihuang.com/music/" frameborder="0" marginwidth=0 marginheight=0 height="100%" width="100%" scrolling=no ALLOWTRANSPARENCY=”true”>
- </iframe>
关于上面代码的解读
1、”https://www.juzihuang.com/music/” 是我们想调用的网页地址,它将嵌入在我们自己的网站中。
2、height="100%" width="100%"是我们嵌入的该网页的宽度以及高度在自己网页的占比。
3、scrolling=”no” 为嵌入的网页的滚动设置,当调用的内容范围比较大的时候,我们可以设置它的值为允许滚动把no改为 scrolling=”yes”就可以了。ALLOWTRANSPARENCY=”true” 为允许透明设置,把true改为no为不透明。
4、frameBorder=0 是对调用的网页的边框设置,值为0 表示无边框,值为1 表示边框粗细,数值越大边框就会越粗。
5、marginwidth=0 marginheight=0 设置嵌入的网页到边距的距离,0 表示无边距。
结语:不少站长喜欢通过iframe调用其他网页的视频、天气、工具等,这种方法快速简单,设置好CSS展示范围,就可以很好地展现给读者们。