原來Jquery.load的方法可以一直load下去
更新時間：2011年03月28日 22:45:21 作者：
使用jQuery.load方法加載一個網(wǎng)頁，那么這個網(wǎng)頁內(nèi)部的js代碼是否能夠執(zhí)行呢，答案是肯定的，這就相當于把load的內(nèi)容與主頁面進行了合并一樣
只要不沖突（例如id不能一樣），我寫了一個例子，利用頁面參數(shù)控制內(nèi)部的元素id，互相加載自己。這是一個jsp頁面，代碼如下：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
int i = Integer.parseInt(request.getParameter("i")==null?"0":request.getParameter("i"));
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>用戶登錄</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="<%=path%>/Scripts/jquery-1.5.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#h<%= i %>").click(function(){
$("#d<%= i %>").load("<%=basePath%>index.jsp",{i:<%=i+1%>});
});
});
</script>
</head>
<body>
this is index.jsp?i=<%= i %>
<input type="button" value="get<%= i+1 %>" id="h<%= i %>">
<br>
<div id="d<%= i %>" style="border:1px; border-style: solid; margin: 5px;">load index.jsp?i=<%= i+1 %> here!</div>
</body>
</html>
$("#d<%= i %>").load("<%=basePath%>Login.action input",{i:<%=i+1%>});
復(fù)制代碼 代碼如下:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
int i = Integer.parseInt(request.getParameter("i")==null?"0":request.getParameter("i"));
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>用戶登錄</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="<%=path%>/Scripts/jquery-1.5.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#h<%= i %>").click(function(){
$("#d<%= i %>").load("<%=basePath%>index.jsp",{i:<%=i+1%>});
});
});
</script>
</head>
<body>
this is index.jsp?i=<%= i %>
<input type="button" value="get<%= i+1 %>" id="h<%= i %>">
<br>
<div id="d<%= i %>" style="border:1px; border-style: solid; margin: 5px;">load index.jsp?i=<%= i+1 %> here!</div>
</body>
</html>
運行后如圖所示，可以一直點下去：
但是，如果你只取的是頁面的一部分，例如將按鈕的點擊代碼改成：
復(fù)制代碼 代碼如下:
$("#d<%= i %>").load("<%=basePath%>Login.action input",{i:<%=i+1%>});
那么，加載的就只是一個按鈕了，而不是整個頁面。如圖：
相關(guān)文章
jquery是javascript的類庫，提供了大量的javascript的類庫和API，方便javascript開發(fā)。2010-04-04
本實例結(jié)合了jquery+js中的setTimeout函數(shù)實現(xiàn)了一直浮動在頁面右下解的廣告，有需要的朋友可以參考一下2013-08-08
下面小編就為大家?guī)硪黄褂肑Query選擇HTML遍歷函數(shù)的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
jquery keypress,keyup,onpropertychange鍵盤事件
項目所需，在試圖用js實現(xiàn)這樣的功能：文本框失去焦點時，判斷輸入字符串的長度，以驗證是否超出范圍，超出范圍則自動截取。2010-06-06
jquery獲取table指定行和列的數(shù)據(jù)方法(當前選中行、列)
下面小編就為大家?guī)硪黄猨query獲取table指定行和列的數(shù)據(jù)方法(當前選中行、列)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
使用jquery實現(xiàn)的循環(huán)連續(xù)可停頓滾動實例
下面小編就為大家?guī)硪黄褂胘query實現(xiàn)的循環(huán)連續(xù)可停頓滾動實例。2016-11-11
基于jQuery的樹控件實現(xiàn)代碼(asp.net+json)
一個自己寫jQuery的樹控件,后臺用的是asp.net,其實只要服務(wù)器返回json就可以了2010-07-07
Raphael一個用于在網(wǎng)頁中繪制矢量圖形的Javascript庫
Raphael是一個用于在網(wǎng)頁中繪制矢量圖形的Javascript庫,它使用 SVG W3C 推薦標準和 VML 作為創(chuàng)建圖形的基礎(chǔ)，你可以通過 JavaScript 操作 DOM 來輕松創(chuàng)建出各種復(fù)雜的柱狀圖、餅圖、曲線圖等各種圖表,接下來詳細介紹，感興趣的朋友可以了解下哦2013-01-01
jquery.mousewheel實現(xiàn)整屏翻屏效果
jQuery Mousewheel 用于添加跨瀏覽器的鼠標滾輪支持。 mousewheel事件的處理函數(shù)有一點小小的變化，它除了第一個參數(shù)event 外，還接收到第二個參數(shù)delta。通過參數(shù)delta可以獲取鼠標滾輪的方向和速度。2015-08-08
沒有關(guān)閉按鈕，但是點擊其他地方的時候，彈出框消失，必須用js給彈出框的父元素加上更高的層次，具體實現(xiàn)如下，感興趣的朋友可以參考下2013-08-08