Javascript 我想用HTML Get更改iframe sorce_Javascript_Html_Url_Curl_Get

Javascript 我想用HTML Get更改iframe sorce

javascript html url curl

Javascript 我想用HTML Get更改iframe sorce,javascript,html,url,curl,get,Javascript,Html,Url,Curl,Get,我想使用URL更改iframe src URL。例如，如果我输入这个URLhttp://simplesite.com/videoiframe.html?txtUrl=https://www.simplesite.com&press=Go到浏览器并提交时，应将iframe的src部分更改为https://www.simplesite.com然后按“开始”按钮这是我的代码： <!DOCTYPE html> <html> <script type="text/javas

我想使用URL更改iframe src URL。例如，如果我输入这个URL

http://simplesite.com/videoiframe.html?txtUrl=https://www.simplesite.com&press=Go

到浏览器并提交时，应将iframe的src部分更改为

https://www.simplesite.com

然后按“开始”按钮

这是我的代码：

<!DOCTYPE html>
<html>
<script type="text/javascript">
    function setBrowserFrameSource(){
        var browserFrame = document.getElementById("browser");
        browserFrame.src= document.getElementById("txtUrl").value;
    }
</script>
</head>
<div visibility="hidden">

<form method="post" target="browser">
<input id="txtUrl" style="width:82%;" placeholder="Put the website here" name="url" type="text" />
<input style="width:8%;" type="button" value="Go" onclick="setBrowserFrameSource(); return false;"/>
</form>
</div>
<iframe id="browser" name="browser" src="http://google.com" style="height:100%; width:100%"></iframe>
</html>


函数setBrowserFrameSource（）{
var browserFrame=document.getElementById（“浏览器”）；
browserFrame.src=document.getElementById（“txtUrl”）.value；
}

您可以使用

window.location.href

恢复地址裸url，然后通过url对象解析它并提取GET searchParams

要重用代码，应该允许函数允许参数

然后等待DOM加载，以允许它读取和写入DOM元素标记

这段代码应该可以做到这一点

function setBrowserFrameSource( getParameter = null ) {
  var browserFrame = document.getElementById("browser");
  var urlName = document.getElementById("urlName");
  if ( getParameter === null ) {
    browserFrame.src = document.getElementById("txtUrl").value;
  } else {
    browserFrame.src = getParameter;
  }
}

window.addEventListener('load', function() {
  var url = new URL(window.location.href);
  var getParam = url.searchParams.get("txtUrl");
  if ( getParam !== null ) {
    setBrowserFrameSource( getParam );
  }
})

您可以使用

window.location.href

恢复地址裸url，然后通过url对象解析它并提取GET searchParams

要重用代码，应该允许函数允许参数

然后等待DOM加载，以允许它读取和写入DOM元素标记

这段代码应该可以做到这一点

function setBrowserFrameSource( getParameter = null ) {
  var browserFrame = document.getElementById("browser");
  var urlName = document.getElementById("urlName");
  if ( getParameter === null ) {
    browserFrame.src = document.getElementById("txtUrl").value;
  } else {
    browserFrame.src = getParameter;
  }
}

window.addEventListener('load', function() {
  var url = new URL(window.location.href);
  var getParam = url.searchParams.get("txtUrl");
  if ( getParam !== null ) {
    setBrowserFrameSource( getParam );
  }
})

这回答了你的问题吗？注意：

标记不使用，也不需要结束斜杠，而且在HTML中从未使用过。这是否回答了您的问题？注意：

标记不使用也不需要结束斜杠，而且在HTML中从未使用过。