html doc src,HTML IFrame srcdoc用法及代码示例

它返回srcdoc属性。iframeObject.srcdoc

它用于设置srcdoc属性。iframeObject.srcdoc = HTML_code

属性值:

HTML_code:它用于指定将在iframe元素中显示的页面的HTML内容。

返回值:它返回一个字符串值,该值指定在Iframe元素中显示的页面的HTML内容。

范例1:本示例说明了如何返回Iframe srcdoc属性。

HTML DOM iframe srcdoc Property

GeeksforGeeks

HTML DOM iframe srcdoc Property

srcdoc="

GeeksForGeeks

" id="GFG"

height="200" width="400" name="myGeeks">

Submit

function Geeks() {

var x = document.getElementById("GFG").srcdoc;

document.getElementById("sudo").innerHTML = x;

}

输出:

在单击按钮之前:

f0cc0df14672bdc4c8d5fd35526b449c.png

单击按钮后:

bd3aa0544b8e4bcb4fc76ba764a18b66.png

范例2:本示例说明了如何设置Iframe srcdoc属性。

HTML DOM iframe srcdoc Property

GeeksforGeeks

HTML DOM iframe srcdoc Property

srcdoc="

GeeksForGeeks

" id="GFG"

height="200" width="400" name="myGeeks">

Submit

function Geeks() {

var x = document.getElementById("GFG").srcdoc

= "Hello Geeks";

document.getElementById("sudo").innerHTML

= "The value of the srcdoc attribute "

+ "was changed to " + x;

}

输出:

在单击按钮之前:

f0cc0df14672bdc4c8d5fd35526b449c.png

单击按钮后:

4cb109317f29fa3c16529ab6c8548018.png

支持的浏览器:下面列出了HTML DOM IFrame srcdoc属性支持的浏览器:

谷歌浏览器20.0

Firefox 25.0

Safari 6.0

Opera 15.0

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值