在jsp页面中包含外部Java脚本文件

Question

我有一个名为pageing.js的外部JavaScript文件。 以下是文件的内容：

function Pager(tableName,itemPerPage){
    this.tableName = tableName;
    this.itemPerPage = itemPerPage;
    this.currentPage = 1;
    this.pages = 0;

    this.init()= function(){
        alert("init called ");
        var rows = document.getElementById(tableName).rows;
        var records = (rows.length - 1);
        this.pages = Math.ceil(records / itemPerPage);
    }

    this.showPageNav = function(pagerName,positionId){
        alert("show page navi call");
        var element = document.getElementById(positionId);
        var pagerHtml = '<input src = "next.jpg" type="image">';
        pagerHtml += '<input src = "next.jpg" type="image">' ;
        element.innerHTML = pagerHtml;
    }
}

现在，我尝试从jsp页面调用init，例如。

<script type="text/javascript">
                        var pager = new Pager('results',7);
                        pager.init();
                    </script>

我在完成我的jsp页面中的正文部分之前放置的这段代码。

为了包括这个页面，我把

<script type="text/javascript" 
                  src="${pageContext.request.contextPath}/js/paging.js"></script>

但是我无法调用init方法。 有没有人可以帮助我发现问题？

Answer 1

这行代码就是问题所在：

this.init()= function(){

更改为：

this.init=function() {

Answer 2

使用.jsp 2. +技术，我将所有链接和脚本放在使用<jsp:include>指令引用的单独文件中：

<jsp:include page="//path to your links_and_scripts page">

我的links_and_scripts页面具有此meta和脚本的路径：

<meta http-equiv="Content-Script-Type" content="application/javascript; charset=utf-8" />
<script src="// path to your scripts js"></script>
//...your other scripts and links here

Answer 3

尝试

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