html頁面jquery
1. 在jQuery中怎樣調取html文件到當前頁面中
jQuery的引用方式和其他的外部js文件一樣,如下:
<script type="text/javascript" src="scripts/jquery-1.5.2.min.js"></script>
因為這個js文件都是放在scripts文件夾下,所以就可以像上面那樣引用到當前文件中來。但是需要注意的一點是,這個引用應該放在其他js文件的引用之前,這樣其他的js文件才能使用jQuery方法。
一般而言,採用jQuery函數庫的HTML文件,通常應該是這樣的:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jquery 測試</title>
<meta name="keywords" content="" />
<meta name="discription" content="" />
<link rel="stylesheet" type="text/css" href="css/global.css" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="scripts/index.js"></script>
</head>
<body>
</body>
</html>
自己的js內容應該寫到另一個文件中去,如上面所示,新建了一個index.js來存放自己的js內容,這樣可以保證jQuery不會被誤操作導致不完整,也有利於重用。
2. jQuery怎麼載入一個html頁面到我指定的div裡面
一、jQuery載入一個html頁面到指定的div里
把a.html裡面的某一部份的內容載入到b.html的一個div里。
比如:載入a.html裡面的<div id=「row"></div>這個div裡面的所有內容載入到b.html的這個div里<div id="content"></div>
用jquery ajax 可以實現
假設 a.html 和b.html在同一目錄
b.html
<script>
$(document).ready(function(){
bodyContent=$.ajax({
url:"b.html",
global:false,
type:"POST",
data:({
id:this.getAttribute('row')
}),
dataType:"html",
async:false,
success:function(msg){
alert(msg);
}
})
});
</script>
二、juqery $.ajax 請求另一個html頁面的指定的「一部分」載入到本頁面div,重點是一部分數據載入到本頁面div
大至思路如下:
$.ajax({
url:url,//這里是靜態頁的地址
type:"GET",//靜態頁用get方法,否則伺服器會拋出405錯誤
success:function(data){
varresult=$(data).find("另一個html頁面的指定的一部分");
$("本頁面div").html(result);
}
});
或參考下面的代碼:
$(function(){
$.ajax({
type:"POST",
url:"LoginLoadArticle.ashx",
data:"type="+escape("最新公告"),
success:function(msg){
$(".gonggao").html(msg);
},
error:function(XMLHttpRequest,textStatus,thrownError){}
})
})
3. js頁面中導入JQuery,然後將js導入HTML頁面中
個人覺得不要這樣子導入。這樣子的話,如果多個js文件都用到jquery的話都要包含jquery文件,那如果你的html頁面都用到這些js文件的話,就會多次導入jquery文件。
直接在在每個需要用到jquery的HTML頁面中導入JQuery和js頁面
<script type="text/javascript" src="../JQuery文件/jquery-1.8.2.js"></script>
<script type="text/javascript" src="js_Animate.js"></script>
4. 在html頁面中用jquery實現載入的效果。
首先,你要在<head>中引入jquery的js,
然後
<divid="main"style="width:90%;">
<tableclass="tabletable-borderedtable-stripedtable-condensed"style="width:100%;">
<tr>
<th>Name</th>
<th>PastDue</th>
<th>Advanced</th>
<th>AboutOf</th>
<th>Exceed</th>
<th>sldd</th>
</tr>
<divclass="loading">
<imgsrc="loading.gif">
</div>
<tbodyclass="pybody"style="display:none">
<trpy:for="buginmail_settings">
<td>${bug.pastDoName}</td>
<td>${bug.pastDue}</td>
<td>${bug.advanced}</td>
<td>${bug.aboutOf}</td>
<td>${bug.exceed}</td>
<td>${bug.sldd}</td>
</tr>
</tbody>
</table>
</div>
<scripttype="text/javascript">
$('.pybody').ready(function(){
$(".loading").fadeOut();
$(".pybody").fadeIn();
})
</script>
以上代碼可以直接復制粘貼
5. 怎麼在html中使用jQuery變數
<script>
var demo = 23; //你是說這樣抄的變數么?如果是,直襲接用就行,如下
var divDemo = $("#demo");
alert(demo+demo); //頁面彈出提示框里寫著 46
$("div",divDemo).css("background-color","#000");//頁面中id為demo的div添加黑色背景色
</script>
總之,在<script>裡面寫定義變數和調用變數,<script>在html頁面中html裡面(body里外或是head里都可以,這個你肯定知道的,但我忍不住啰嗦一句,前面必須記得寫jQuery引用)定義變數了之後,用的時候直接寫定義的名字就對了,只要注意定義時的類型,比如上面第一個因為是數值型,alert時直接列印了計算結果,如果定義成var demo = '23' 就是字元串了,alert列印出來就是2323,下面那個divDemo定義的是一個id為demo的對象,所以可以用.css進行樣式的定義。
不知道你想問的是不是這個,可以繼續問我。以上,希望對你有幫助。
6. 如何向一個html頁面中加入jquery插件
這個主要要看那個插件的設計者的想法,一般都有文檔,跟著文檔就行內
一般來說,常規的插件都是容:
1,引入jquery文件
2、引入插件的js文件
3、引入插件的css文件(如果有)
4、根據插件的說明初始化插件就可以了
7. jquery如何在html頁面取得iframe的元素
如果這個iframe的頁面跟a.html是同域名下的,就可以可以來取:
獲取iframe的頁面內容:
var $doc = jQuery('iframe').contents();
這里的contents()方法就回可以iframe頁面內任何對答象。
使用選擇器獲取你想要的對象:
var $send = $doc.find('.send');
鏈式寫法:var $send = jQuery('iframe').contents().find('.send');
$send就是你要的jQuery對象了。
當然,如果iframe的頁面跟a.html是不同域的話,受瀏覽器的安全訪問限制,就沒有辦法獲取你要的對象了。
8. 向html頁面通過jquery的$.load載入html頁面如何實現!急急急
在本地伺服器環境下!直接用load函數請求相對地址!如:$.load(「demo.html」);把返回的html代碼插入到某個div,如function(data){
$("#aaa").html(data)
}就好了!
9. 向html頁面通過jquery的$.load載入html頁面如何實現!(你這個問題解決沒)
你這個問題,交代不清楚。
如果向某一個 元素里載入html 代碼,可以這么寫
例如,你要向 下面的這個#container 裡面載入html代碼
<divid="container"></div>
<script>
$('#container').load('/test.html');
</script>
test.html
<p>
這是一個測試的頁面內容
</p>
10. jquery 純html頁面之間如何傳遞參數
一句話概括,純html頁面之間的傳值可以通過url後面的參數進行比如: b.html?teacher=xx&time=xxx 回到問題中,首先從a.html到b.html需要一個跳轉方式,比方說在a.html頁面裡面你有一個鏈接: <a href="b.html" id="toPageB"跳轉到b頁面</a 剩下的就好辦了,依次取得你需要的參數,然後修改頁面url: var dataFromLi=[$("#Teachername").text(),$("#Credit_hour").text()]; $("#toPageB").attr("href","b.html?data="+dataFromLi); 然後在b.html頁面解析url,獲取參數。 window.location.search 會返回所有地址欄從「?」開始的字元串。獲取某個參數值可以通過正則,下面是一個簡單的獲取參數的函數: function getURLParameter(name) { return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null;} 如果你採用jQuery,你可以用更簡單的辦法: