Question

我写了一个简单的程序，将js包含在jsp中，但它不起作用请帮助..

<body>
  <script src="self1.js"></script>
  <div id="selfie">
    <form name="selfform" id="selfform">
      <table>
        <tr>
          <td>Username
            <input type="text" name="txt" id="txt" />
          </td>
        </tr>
        <tr>
          <td>Password
            <input type="password" name="pas" id="pas" />
          </td>
        </tr>
        <tr>
          <td>
            <button type="button" name="log" id="log" 
                                    onclick="loginas()">Login</button>
          </td>/tr>
          <tr>
            <td>Not a Member? <a href="self2.jsp">Register Here</a>
            </td>
          </tr>
      </table>
    </form>
  </div>
</body>

在我的JavaScript中，我写道：（self1.js）

function loginas(){
    alert("hi............");
}

我也试过<script type="text/javascript" src="js/self1.js"></script>但是没有工作..请给我一个解决方案吗？

Answer 1

你需要在加载js后调用你的函数（loginas）。

要检查它是否正常工作，请尝试仅在您的js文件中提醒，如

//self1.js
alert("hi............");

在更新了你的问题后，我发现可能存在你的DOM元素首先加载然后你的Js无法正常工作的问题，因为你的函数应该在使用之前定义。因此，您可以使用on()来绑定事件或使用$.ready()之类的，

// your js file code
$(function(){  // document ready shorthand
    function loginas(){
        alert("hi............");
    }
});

或使用on之类的，

// your js file code
$(function(){  // document ready shorthand
    $('#log').on('click',function(){
        alert("hi............");
    }
});

你的HTML

<button type="button" name="log" id="log">Login</button>

Answer 2

第1步：检查您的页面是否有任何错误。您可以通过查看浏览器控制台选项卡（Right Click->Inspect Element->Console Tab）找到错误。

第二步：纠正它的伴侣.. :) 在您的情况下，可能无法正确获取js路径。

<script type="text/javascript" src="../js/self1.js"></script>

不可能在jsp中包含js

2 个答案: