Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/454.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从iframe中单击按钮时的输入字段加载网页_Javascript_Html_Css_Iframe - Fatal编程技术网

Javascript 从iframe中单击按钮时的输入字段加载网页

Javascript 从iframe中单击按钮时的输入字段加载网页,javascript,html,css,iframe,Javascript,Html,Css,Iframe,我想从输入字段中的用户处获取URL。然后,当用户单击load按钮时,我想在iframe中加载该URL。以下是我到目前为止所做的工作,我尝试在iframe中加载URL,但失败了。请帮忙!我是第一次使用HTMl和Web内容 函数myFunction{ var x=document.getElementByIdur.value; document.getElementByIddemo.innerHTML=x; } 在输入字段中输入URl 单击该按钮以获取iframe中显示的url 输入URL: 如下

我想从输入字段中的用户处获取URL。然后,当用户单击load按钮时,我想在iframe中加载该URL。以下是我到目前为止所做的工作,我尝试在iframe中加载URL,但失败了。请帮忙!我是第一次使用HTMl和Web内容

函数myFunction{ var x=document.getElementByIdur.value; document.getElementByIddemo.innerHTML=x; } 在输入字段中输入URl 单击该按钮以获取iframe中显示的url

输入URL:

如下设置iframe src:

函数myFunction{ var x=document.getElementByIdur.value; document.getElementByIddemo.innerHTML=x; getElementById'myIframe'.src=x; } 在输入字段中输入URl 单击该按钮以获取iframe中显示的url

输入URL:

将您的函数更新到此位置。使用javascript的createElement在主体中创建和附加。您可以将其更改为附加在任何其他元素之后

function myFunction() {
  var x = document.getElementById("ur").value;
  var ifrm = document.createElement("iframe");
  ifrm.setAttribute("src", x);
  ifrm.style.width = "640px";
  ifrm.style.height = "480px";
  document.body.appendChild(ifrm);
}

加载stackoverflow时,iframe中不会显示任何内容。当我尝试加载时,iframe显示一条消息www.adobe.com拒绝加载connect@irumzahra我在最后一句话中告诉过你,你不能在iframe中显示很多网站,因为它们会阻止它!在谷歌上搜索iframe X-Frame-Options也尝试过。一个问题是:当我加载stackoverflow时,iframe中没有显示任何内容。当我尝试加载adobe.com时,iframe显示了一条消息www.adobe.com拒绝连接第二条消息是每次我输入新的url时,它都会为此创建新的框架