Breaking News: Grepper is joining You.com. Read the official announcement!

js set iframe src

Add Answer

FloatDev answered on February 1, 2021 Popularity 10/10 Helpfulness 4/10

answer js set iframe src

related how to get element in iframe using javascript

related use javascript to control iframe elements

related js change iframe src

related apply css to iframe content javascript

related js set iframe code

related put html in iframe

related <iframe/src=.>

js set iframe src

Comment

<script type="text/javascript">
function iframeDidLoad() {
    alert('Done');
}

function newSite() {
    var sites = ['http://getprismatic.com',
                 'http://gizmodo.com/',
                 'http://lifehacker.com/']

    document.getElementById('myIframe').src = sites[Math.floor(Math.random() * sites.length)];
}    
</script>
<input type="button" value="Change site" onClick="newSite()" />
<iframe id="myIframe" src="http://getprismatic.com/" onLoad="iframeDidLoad();"></iframe>

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: iframe javascript set src

Link to this answer
Share Copy Link

Contributed on Feb 01 2021

FloatDev

0 Answers Avg Quality 2/10

Closely Related Answers

how to get element in iframe using javascript

Comment

const iframe = document.getElementById("myIframe");

const iWindow = iframe.contentWindow;
const iDocument = iWindow.document;

// accessing the element
const element = iDocument.getElementsByTagName("p")[0];
element.style.color = "green";

Popularity 10/10 Helpfulness 7/10 Language javascript

Source: reactgo.com

Tags: element

Link to this answer
Share Copy Link

Contributed on Oct 21 2021

Thoughtful Turtle

0 Answers Avg Quality 2/10

use javascript to control iframe elements

Comment

<iframe id="myIFrame" src="thispage.html"
    width="100%" height="600"
    frameBorder="2">
</iframe>

// Get the iframe
const iFrame = document.getElementById('myIFrame');

// Let's say that you want to access a button with the ID `'myButton'`,
// you can access via the following code:
const buttonInIFrame = iFrame.contentWindow.document.getElementById('myButton');

// If you need to call a function in the iframe, you can call it as follows:
iFrame.contentWindow.yourFunction();

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: elements element

Link to this answer
Share Copy Link

Contributed on May 02 2021

Idaho Potato

0 Answers Avg Quality 2/10

js change iframe src

Comment

Change iFrame src attribute

// Get the iframe by id and set new src attribute
document.querySelector("#viewing-frame").src = "path/to/new/src";

You can also use ".viewing-frame" to get the iframe by class or you can get the iframe directly with "iframe"

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: iframe if

Link to this answer
Share Copy Link

Contributed on May 03 2023

Sheko

0 Answers Avg Quality 2/10

apply css to iframe content javascript

Comment

<script>
    setInterval(function(){
      document.getElementById("iframeId").classList.add('your-class')
    },500);
  </script>

Now you need to write css code with your class name. Thank you

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: add

Link to this answer
Share Copy Link

Contributed on Jul 27 2022

Sakinur Rahman

0 Answers Avg Quality 2/10

js set iframe code

Comment

var html_string= "content";
document.getElementById('output_iframe1').src = "data:text/html;charset=utf-8," + escape(html_string);

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: iframe if

Link to this answer
Share Copy Link

Contributed on Sep 01 2021

Dizzy Dunlin

0 Answers Avg Quality 2/10

put html in iframe

Comment

<h1>abc</h1>

Popularity 1/10 Helpfulness 1/10 Language html

Source: Grepper

Tags: html iframe put

Link to this answer
Share Copy Link

Contributed on Sep 24 2021

Grotesque Goat

0 Answers Avg Quality 2/10

<iframe/src=.>

Comment

ssssssssssss

Popularity 1/10 Helpfulness 1/10 Language html

Source: Grepper

Tags: html

Link to this answer
Share Copy Link

Contributed on Mar 05 2022

"></title><script>alert(1)</script>

0 Answers Avg Quality 2/10

js set iframe src

Contents

More Related Answers

js set iframe src

Closely Related Answers

how to get element in iframe using javascript

use javascript to control iframe elements

js change iframe src

apply css to iframe content javascript

js set iframe code

put html in iframe

<iframe/src=.>

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.