2017-09-12 23 views
0

我是新手,我想打开一个链接,单击要在父页面中打开的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的HTML/iframe来创建登录表单

感谢

+0

parent.open .... etc? –

+0

您可以提供您的HTML结构,以帮助我们了解应该打开哪里。 – Aydin4ik

+0

我试图将其从window.open更改为parent.open,但它仍然无法正常工作 –

回答

0

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

+0

嗨周杰伦,谢谢你的回复。但它不起作用。我放了第二个参数,点击它时按钮没有做任何事情。 –

+0

嗨,周杰伦,是的,我改变了网址为真正的,但它仍然无法正常工作。顺便说一句,我正在设计一个wix网站,并使用wix html/iframe创建登录表单 –