Skip to content
Related Articles

Related Articles

HTML | DOM IFrame src Property

View Discussion
Improve Article
Save Article
  • Last Updated : 17 Jun, 2022

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 return the Iframe src Property.  

html




<!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>

Output: 
Before Clicking On Button: 

After Clicking On Button:  

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

html




<!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>

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 1.0 and above
  • Edge 12.0 and above
  • Firefox 
  • Internet Explorer
  • Opera
  • Safari 

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!