如何指定要在 iframe 元素 HTML5 中显示的页面的 HTML 内容？

在本文中，我们将学习如何使用 JavaScript 和 HTML 静态和动态地将网页的内容指定给 Web 浏览器中的

< iframe>对象的src成员保存了嵌入网页的来源。我们可以为它静态分配地址，并在运行时动态更改它，并在下面讨论：

动态分配方法：

• 从输入字段获取源。

  let geeks = document.getElementById("").value; 

• 将输入分配给iframe的“ src ”成员。

  document.getElementById("").src = geeks;

下面是说明iframe使用的代码。

例子：

HTML

  

  The iframe element
  
  
  
   
  Change Webpage 
  
  
    document.getElementById("loadpage").onclick = 
      function updatesource() { 
      let newsource = document.getElementById("source").value;          
      document.getElementById("embed1").src = newsource;
    }; 
   

  

输出：

• 当页面加载时，默认页面如下所示

  

• 在输入字段中输入新的网页源并按“更改网页”按钮后。

  

如果