iframe的链接在父窗口中打开

时间:2017-09-12 23:20:41

标签: javascript html iframe

我在这里是新手,我想打开一个链接,点击iframe上的按钮,在父页面中打开。这是我使用的代码,目前它在新窗口中打开链接。

<html>
<body>
    <form>
      <div class="imgcontainer">
        <img src="http://www.khadimtours.com/images/kaba-box1.png" alt="Avatar" class="avatar">
      </div>

      <div class="container">
        <label class="sansserif"><b>Username</b></label>
        <input type="text" placeholder="Enter Username" name="userid" required>

        <label class="sansserif"><b>Password</b></label>
        <input type="password" placeholder="Enter Password" name="pswrd" required>
        <button type="button" onclick="check(this.form)">Login</button>    

      </div>

      <div class="container" style="background-color:#f1f1f1">
        <button type="button" class="cancelbtn" onclick="reset(this.form)">Cancel</button>    
      </div>    
    </form>

    <script language="javascript">
        function check(form)/*function to check userid & password*/ {
         /*the following code checkes whether the entered userid and password are matching*/
         if (form.userid.value == "user1" && form.pswrd.value == "user1") {
            window.open('http://user1') /*opens the target page while Id & password matches*/
         } else if (form.userid.value == "user2" && form.pswrd.value == "user2") {
            window.open('http://user2') /*opens the target page while Id & password matches*/
         } else {
            alert("Invalid Password or Username") /*displays error message*/
          }
    }
        function reset(form) {
            document.getElementById().reset();
    }
    </script>
</body>

注意:我正在wix上设计一个网站并使用wix html / iframe创建登录表单

感谢

1 个答案:

答案 0 :(得分:0)

在window.open(URL,'_ parent')中添加可选的第二个参数为'_parent'; 请查看真实的网址。