2012-11-29 63 views
1

我想從這裏file.jsp呼籲index.jsp JavaScript函數的Java腳本函數在index.jsp的腳本函數所獲得的價值後,我的代碼,那麼我想從這些功能如何調用其他JSP頁面的腳本函數

內調用的servlet

這是我的index.jsp

<%@page import="org.apache.catalina.connector.Request"%> 
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core" %> 
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt" %> 
<%@ taglib prefix="sql" uri="http://java.sun.com/jstl/sql" %> 
<%@ taglib prefix="x" uri="http://java.sun.com/jstl/xml" %> 
<html> 
    <head> 
    <script type="text/javascript"> 
      function popuponclick() 
      { 
       var mywindow=window.open("file.jsp", "file","status=1,width=350,height=150"); 
      } 
      function onLoadById(long id) 
      { 
       after getting value call the servlet GetEmployeeServlet passing id as a parameter 
      } 
      function onLoadByname(String name) 
      { 
       after getting value call the servlet GetEmployeeServlet passing name as a parameter 
      }  
    </script> 
    </head> 
    <body> 

    <form name="form1"> 

    <%String name11=request.getParameter("name"); 
    out.println(name11);%> 
     <% if(name11!=null){ 
      out.println(name11); 
      session.setAttribute("EmployeeById","1");} 
     %> 
    <table> 
    <tr> 
    <td><input type="submit" onclick="popuponclick()" value="GetEmployeeById" name="name"/> 
    <input type="hidden" name="GetEmp" value="1"></td> 
    </tr> 

    <tr> 
    <td><input type="submit" onclick="popuponclick()" value="GetEmployeeByname" name="name1"></td> 
    </tr> 
    </table> 
    </form> 
    </body> 
    </html> 

,這是我的文件的.jsp

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core"%> 
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt"%> 
<%@ taglib prefix="sql" uri="http://java.sun.com/jstl/sql"%> 
<%@ taglib prefix="x" uri="http://java.sun.com/jstl/xml"%> 
<%@page 
    import="com.nousinfo.tutorial.employee.service.model.bo.EmployeeBO"%> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>Insert title here</title> 

<script> 
function myfuntion() 
{ 
    var d=document.getElementById('first'); 
    var c=document.getElementById('second'); 
    alert(window.parent); 
    window.close(); 
    } 
</script> 
</head> 

<bod> 

<% if (session.getAttribute("EmployeeById")!=null) { 
    session.removeAttribute("EmployeeById"); 
%> 
<div> 
<table> 
<tr> 
<td>GetEmployeeByName</td> 
</tr> 
<tr> 
<td><input id="first" type="text" name="GetEmployeeByName"/></td></tr> 
</table> 
</div> 
<% } else { %> 
<div> 
<table> 
<tr> 
<td>GetEmployeeById</td> 
</tr> 
<tr> 
<td><input id="second" type="text" name="GetEmployeeById"/></td></tr> 
</table> 
</div> 
<% } %> 
<table> 
<tr> 
<td><input id="submit" type="submit" name="submit" value="find" onclick="myfuntion()"></td> 
</tr> 
</table> 

</body> 
</html> 

回答

1

執行以下步驟:

  1. index.jsp文件中的腳本移動到一個新的JavaScript文件中,例如, index.js文件並將該文件放置在新文件夾中,例如js在您的WebContent文件夾內。

  2. 鏈接index.jsindex.jsp文件通過將下面的鏈接在<head>部分:

    <script language="JavaScript" src="<%=request.getContextPath()%>/js/index.js"> 
    
  3. 做相同的file.jsp文件。

這樣,相同的JavaScript代碼將可用於在這兩個index.jspfile.jsp文件使用。

+0

你可以告訴我如何使用java svript –

+0

@ankurjadiya獲取子窗口(file.jsp)中的index.jsp(父窗口)對象您可以隨時使用'window.parent.document.getElementById(elementId)'或在子窗口中引用父代DOM元素的類似函數。這裏的關鍵是使用'window.parent'來引用父項。 –

相關問題