How to execute javascript inside iframe?
How to execute javascript inside iframe?
1 answer
by
deron ,
3 months ago
@domenico
To execute JavaScript inside an iframe, you can use the contentWindow property of the iframe element to access the window object of the content inside the iframe. Here is an example of how you can execute JavaScript inside an iframe:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<!DOCTYPE html>
<html>
<head>
<title>Execute JavaScript inside iframe</title>
</head>
<body>
<iframe id="myIframe" src="https://www.example.com"></iframe>
<script>
var iframe = document.getElementById('myIframe');
var iframeWindow = iframe.contentWindow;
// Execute JavaScript inside the iframe
iframeWindow.document.body.style.backgroundColor = 'lightblue';
</script>
</body>
</html>
|
In this example, we first get a reference to the iframe element using document.getElementById('myIframe'). Then, we use the contentWindow property of the iframe element to access the window object of the content inside the iframe. Finally, we can interact with the content inside the iframe by executing JavaScript code on the iframeWindow object.