Skip to content
Related Articles

Related Articles

HTML | DOM IFrame src Property
  • Last Updated : 15 Oct, 2019

The HTML DOM IFrame src Property is used to set or returns the value of the src attribute of the <iframe> element. This attribute is used to specify the URL of the document that is embedded to the iframe element.

Syntax:

  • It returns the src Property.
    iframeObject.src
  • It is used to set the src Property.
    iframeObject.src = URL 

Property Values:
It contains single value URL which specifies the URL of the document that is embedded to the iframe. There are two types of URL link which are listed below:

  • Absolute URL: It points to another webpage.
  • Relative URL: It points to other files of the same web page.

Return value: It returns a string value which represents the URL of the document that are embedded in the Iframe Element.

Example 1: This Example illustrates how to reurn the Iframe src Property.



filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML DOM iframe src Property
    </title>
</head>
  
<body style="text-align:center;">
  
    <h1>GeeksforGeeks</h1>
  
    <h2>
      HTML DOM iframe src Property
  </h2>
  
    <iframe src=
            id="GFG" 
            height="200"
            width="400">
  </iframe>
    <br>
    <br>
    <button onclick="Geeks()">Submit</button>
    <p id="sudo"></p>
    <script>
        function Geeks() {
            var x = document.getElementById("GFG").src;
            document.getElementById("sudo").innerHTML = x;
  
        }
    </script>
  
</body>
  
</html>

chevron_right


Output:
Before Clicking On Button:

After Clicking On Button:

Example 2: This Example illustrates that how to set the Iframe src Property.

filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML DOM iframe src Property
    </title>
</head>
  
<body style="text-align:center;">
  
    <h1>GeeksforGeeks</h1>
  
    <h2>
      HTML DOM iframe src Property
  </h2>
  
    <iframe src=
            id="GFG" 
            height="200"
            width="400">
  </iframe>
    <br>
    <br>
    <button onclick="Geeks()">Submit</button>
    <p id="sudo"></p>
    <script>
        function Geeks() {
            var x = 
                document.getElementById("GFG").src =
                "https://www.wikipedia.org/";
  
        }
    </script>
  
</body>
  
</html>

chevron_right


Output:
Before Clicking on Button:

After Clicking On Button:

Supported Browsers: The browsers supported by HTML DOM IFrame src Property are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Apple Safari
  • Opera

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :