怎样使用iframe,在网页中插入页面

怎样使用iframe,在网页中插入页面,第1张

第一步:需要建立两个页面1.html与2.html,把2.html插入1.html

第二步:在1.html中使用<iframe></iframe>标签

例如:<iframe src=".../2.html"></iframe>

这样就插入了2.html页面。

拓展分析:

如果需要控制插入页面的大小等其他属性

例如:<iframe src=".../2.html" style="width:**pxheight:**px"></iframe>

如果需要嵌入的页面可以滚动,添加scrolling属性,yes为滚动,no相反;

例如:<iframe src=".../2.html" scrolling=no style="width:**pxheight:**px"></iframe>

如果需要设置这个嵌入网页的边框,则添加frameBorder属性

例如:<iframe src=".../2.html" frameBorder=0 scrolling=no style="width:**pxheight:**px"></iframe>

如果需要设置嵌入网页到边距的距离,添加属性marginwidth、marginheight等

例如:<iframe src=".../2.html" frameBorder=0 scrolling=no marginwidth=0 marginheight=0 style="width:**pxheight:**px"></iframe>

在iframe中动态添加html元素,须使用HTML 新加给iframe的一个属性 srcdoc。(遗憾的是还未得到ie的支持),以js为例:document.getElementById('id标识').srcdoc="<!doctype..."


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11648869.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存