I'm trying to use a Javascript function to load a web page in an iframe named "cake". How can I do that?
<html>
<head>
</head>
<body>
<button onclick=[function]>Load page in iframe</a>
</body>
</html>
function changeUrl() {
var site = "https://www.google.com/";
document.getElementsByName('iFrameName')[0].src = site;
}
<html>
<head>
</head>
<body>
<button onclick="changeUrl()">Load page in iframe</button>
<iframe name="iFrameName"></iframe>
</body>
</html>
This worked:
<html>
<head>
<script type="text/javascript">
function changeUrl() {
var site = "1.wav";
document.getElementsByName('cake')[0].src = site;
}
</script>
</head>
<body>
<center>
<iframe src="http://www.w3schools.com" height=400 width=400 frameborder=0 name = "cake" style =""></></iframe>
<br>
<br>
<button onclick="changeUrl()">Load page in iframe</button>
</center>
</body>
</html>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With