Как установить iframe Sr c из Javascript Var - PullRequest
1 голос
/ 04 апреля 2020

Я просмотрел много похожих постов, но не смог выяснить это (вероятно, b c мои знания в js отсутствуют).

Я создал страницу, вы можете просмотрите его здесь: https://hodiva.com/pages/test-tracking?tracking=0100668631422

Как вы можете видеть в окне Alert, скрипт выдает нужный URL-адрес, но я не могу найти способ установить его как <iframe> src

- желаемый iframe sr c url - это то, что я получаю из "var комбинированного".

Вот полный код моей страницы:

<script>
document.addEventListener("DOMContentLoaded", function(){
var mainParameter = window.location.search;
var address = "https://dealtas.com/tracking"
var combined = address + mainParameter;
var iframeSrcValue = document.getElementById("MyFrame").src;

  alert(combined);
});
</script>
<body>
<iframe id="MyFrame" style="width:100%;height:800px;overflow:scroll;"></iframe>
</body>

Any помощь очень ценится.

Ответы [ 2 ]

0 голосов
/ 04 апреля 2020

Я бы сделал это так ...

<script>
document.addEventListener("DOMContentLoaded", function(){
var mainParameter = window.location.search;
var address = "https://dealtas.com/tracking"
var combined = address + mainParameter;
var iframeSrcValue = document.getElementById("MyFrame");

iframeSrcValue.src = combined;

  //alert(combined);
});
</script>
<body>
<iframe id="MyFrame" style="width:100%;height:800px;overflow:scroll;"></iframe>
</body>
0 голосов
/ 04 апреля 2020

Вы можете установить атрибут <iframe> с помощью javascript, используя element.setAttribute()
То, что вы собираетесь добавить: document.getElementById('MyFrame').setAttribute("src", combined);

Также не не забудьте поставить скрипт после загрузки <iframe>.

Вот ваш полный код:

<body>
   <iframe id="MyFrame" style="width:100%;height:800px;overflow:scroll;"></iframe>
   <script>
      document.addEventListener("DOMContentLoaded", function(){
         var mainParameter = window.location.search;
         var address = "https://dealtas.com/tracking"
         var combined = address + mainParameter;
         var iframeSrcValue = document.getElementById("MyFrame").src;

         document.getElementById('MyFrame').setAttribute("src", combined); //Change the src's value!
      });
   </script>
</body>

Фрагмент:

    <body>
       <iframe id="MyFrame" style="width:100%;height:800px;overflow:scroll;"></iframe>
       <script>
          document.addEventListener("DOMContentLoaded", function(){
             var mainParameter = window.location.search;
             var address = "https://dealtas.com/tracking"
             var combined = address + mainParameter;
             var iframeSrcValue = document.getElementById("MyFrame").src;
    
             document.getElementById('MyFrame').setAttribute("src", combined); //Change the src's value!
          });
       </script>
    </body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...