昨天整了很久的一个问题:尝试在单独的.js文件中绑定一个Click事件。一个看似极其简单的问题,对于我这个不熟练的人来说,收获颇多。
<li><a id="login" name = "login" href="http://xxxx" >登录</a></li>
上面这个a,要跳转到登录页面。如果直接写href就像上面这样,那么可以直接实现。
现在是要把他用Jquery写在单独的js文件中中,费了一番周折。第一个问题就是,js文件中如何取到项目根目录地址?也就是http://localhost:8080/xxx。借鉴了公司的项目,发现可以这么来。若在加载这个js文件的jsp文件中引用了这样的定义:
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
那么可以将这个ctx赋值给js变量: var ctx = $("#ctx").context.URL; 此时ctx即为 http://localhost:8181/projectname.在文件中就可以使用了。
搞定了这个以后,下一个问题又来了。如何跳转?我的第一个尝试是:
jsp文件: <li><a id="login" name = "login" οnclick="tologin()" >登