JS动态修改iframe内嵌网页地址的方法

2024-05-06 16:18:04

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了JS动态修改iframe内嵌网页地址的方法,涉及javascript动态修改iframe中src属性的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JS动态修改iframe内嵌网页地址的方法。分享给大家供大家参考。具体分析如下：

下面的JS代码通过修改iframe的src属性动态修改iframe的内嵌网页

<!DOCTYPE html>

<html>

<head>

<script>

function changeSrc()

{

document.getElementById("myframe").src="http://google.com";

}

</script>

</head>

<body>

<iframe id="myframe" src="/default.asp">

<p>Your browser does not support iframes.</p>

</iframe>

<br><br>

<input type="button" onclick="changeSrc()" value="Change Source">

</body>

</html>