使用外部JS文件对Servlet进行更改'的HTML输出

Using external JS file to make changes on a Servlet's HTML output

本文关键字:输出 HTML JS 外部 文件 Servlet      更新时间:2024-01-25

我想做一件简单的事。

我有一个servlet。在DoPost()函数中,我正在编写要在浏览器中显示的HTML输出。此HTML包含一个图像。当点击此图像时,我想提醒其元素id。

servlet:

public void printSinglePlayerBoard(int i_PlayerNumber, HttpServletResponse respose)
throws IOException
{
    response.setContentType("text/html");
    PrintWriter out = response.getWriter();
    out.println("<html>'n");
    out.println("<script language='javascript' type='text/javascript'
    src='functions.js'></script>'n");
    out.println("<body>'n");
    out.print("<img id='someID' src='somePath' onclick='func(someID)'/>");
    out.print("</form>'n</body>'n</html>'n");
}

functions.js:

function func(someID)
{
    alert(someID);
    var x = document.getElementById(someID);
    alert(x);
}

我的问题是,我想得到someID字符串,但alert(someID)alert(x)都不返回我的结果。问题出在哪里?

alert(someID)-->返回[Object HTMLImageElement]

alert(x)-->返回null

functions.js甚至能识别servlet中创建的HTML元素吗?

谢谢!

更改此行

out.print("<img id='someID' src='somePath' onclick='func(someID)'/>");

out.print("<img id='someID' src='somePath' onclick='func('"someID'")'/>");