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,你可以用更简单的办法: