点击创建链接,然后在iframe中打开该链接?

时间:2019-02-28 07:34:59

标签: javascript html url iframe

在这里,我正在尝试使用其他IP创建链接.P1将是f =一个IP,P2将是主机,然后单击,它应该创建一个链接,然后在iframe中打开它。 请告诉我我要去哪里错了吗? iframe中的SRC无法获取链接

    <body> 
       p1: <input type="text" id="p1" value="fvalue" >
       P2: <input type="text" id="p2" value="svalue">

       <p>Click On button.</p>

       <button id="p3" onclick =openlink()>link</button>
       <iframe id= "iframe1" src = link , width = 300px hight = 200px></iframe>
       <script>
          function openlink () {
          var a = document.getElementById("p1").value ;
          var b = document.getElementById("p2").value ;

          link = ( a + ":"+ b + "/webhdfs/v1/?user.name=hduser1&op=LISTSTATUS" ).value;
         }
       </script>



        </script>
</body>

</html>

我的链接不断变化,所以我不能将直接链接设置为SRC。

1 个答案:

答案 0 :(得分:0)

在功能openlink中,

var iFrame = document.getElementById("iframe1")

iFrame.setAttribute("src",a + ":"+ b + "/webhdfs/v1/?user.name=hduser1&op=LISTSTATUS")

它应该看起来像这样

      function openlink () {
      var iFrame = document.getElementById("iframe1")
      var a = document.getElementById("p1").value ;
      var b = document.getElementById("p2").value ;

      iFrame.setAttribute("src",a + ":"+ b + "/webhdfs/v1/?user.name=hduser1&op=LISTSTATUS")
     }

旁注,ES6模板字符串看起来更干净