时间戳

首页 > 解决方案 > 单击时创建链接并在 Iframe 中打开该链接？

javascript - 单击时创建链接并在 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。

标签： javascripthtmlurliframe

解决方案

在函数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 模板字符串看起来更干净

推荐阅读