脚本不起作用

时间:2017-10-31 19:30:02

标签: javascript html css google-chrome google-chrome-extension

所以我有我的代码,当我只是在浏览器中运行它时(例如chrome)它可以工作但我正在做的是制作chrome扩展和chrome扩展不允许将javascript嵌入到html中但是我需要一种方法将javascript添加到页面。我可以像我在我的代码中那样链接js的源代码,这将符合我需要的扩展要求但我有一个论坛,我需要从中获取数据,我不知道如何做到这一点而不添加一个html标记内的onClick事件。这是我的代码

 document.getElementById("submitButton").onclick = check(this.form);




/*function to check userid & password*/
 function check(form){
/*the following code checks whether the entered userid and password are 
matching*/
if(form.username.value == "SeeGreatness" && form.password.value == 
"SeeGreatness")
 {
window.open('https://www.google.com'); /*opens the target page while Id & password matches*/
}
else
{
alert("Error Password or Username");/*error*/
}
}

对于javascript,它与其他所有文件夹位于同一文件夹中,其文件名为login.js 接下来我有一些html和css(css没有任何问题)它的文件名是login.html,这里是......(你可能需要滚动)

   `<html>
   <head>
    <title>Login page</title>
   </head>
 <body>
   <h1 id="h1">simple login page</h1>

     <form id="login" name="login">
         <p>Username</p>
           <input type="text" name="username"/>

         <p>Password</p>
        <input type="password" name="password"/>
        <input id="submitButton" value="Login" type="button"/>
    <input type="reset" value="Cancel"/>
  </form>
   <label>
   <script src="login.js"></script>
   <style src="login.css"></style>
   </label>
   </body>
   </html>`

所以我不确定你是如何将表单中的信息发送到js文件的,以便&#34;验证&#34;密码和用户名 (请注意,这个(在登录页面的安全性中)只是针对一个概念而不会被发布,因为它非常不安全) 感谢

0 个答案:

没有答案