Я хотел бы изменить iframe sorce с HTML Get - PullRequest
Новая
       0

Я хотел бы изменить iframe sorce с HTML Get

1 голос
/ 19 января 2020

Я хотел бы изменить URL-адрес iframe sr c, используя URL-адрес. Например, если я ввожу этот URL http://simplesite.com/videoiframe.html?txtUrl=https://www.simplesite.com&press=Go в браузер и отправляю, он должен изменить часть iframe sr c на https://www.simplesite.com и нажать кнопку "Go".

Это мой код: 

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

1 Ответ

0 голосов
/ 19 января 2020

Вы можете восстановить пустой адрес с помощью window.location.href, затем проанализировать его через объект 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 );
  }
})
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...