html使用iframe src,HTML IFrame src用法及代码示例

HTML DOM IFrame的src属性用于设置或返回元素的src属性的值。此属性用于指定嵌入到iframe元素的文档的URL。

用法:

它返回src属性。iframeObject.src

它用于设置src属性。iframeObject.src = URL

属性值:

它包含一个单值URL,该URL指定嵌入到iframe中的文档的URL。下面列出了两种类型的URL链接:

Absolute URL:它指向另一个网页。

Relative URL:它指向同一网页上的其他文件。

返回值:它返回一个字符串值,该字符串值表示嵌入Iframe元素中的文档的URL。

范例1:本示例说明了如何重播Iframe src属性。

HTML DOM iframe src Property

GeeksforGeeks

HTML DOM iframe src Property

"https://ide.geeksforgeeks.org/index.php"

id="GFG"

height="200"

width="400">

Submit

function Geeks() {

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

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

}

输出:

在单击按钮之前:

b98965aba39bb4d42483911fb1f65f71.png

单击按钮后:

abf7a288addf96f5a267eff88e2fe446.png

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

HTML DOM iframe src Property

GeeksforGeeks

HTML DOM iframe src Property

"https://ide.geeksforgeeks.org/index.php"

id="GFG"

height="200"

width="400">

Submit

function Geeks() {

var x =

document.getElementById("GFG").src =

"https://www.wikipedia.org/";

}

输出:

在单击按钮之前:

690f555f3c8e453cc1fb908747343228.png

单击按钮后:

eebe6e92b80bd71e25463978b3a42556.png

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

谷歌浏览器

IE浏览器

Firefox

苹果Safari

Opera

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值