使⽤jQuery的load()⽅法加载html公共模块
例如:⽹站头部
$(".header").load("header.html");
例如:⽹站导航
$(".nav").load("nav.html");
例如:⽹站底部
matlab中rand函数$(".footer").load("footer.html");
超神例⼦
为了避免多页⾯情形下的代码重复,可以利⽤ load() ⽅法,将重复的部分(例如导航栏)放⼊单独的⽂件,使⽤下列⽅法进⾏导⼊:
//1.当前⽂件中要插⼊的地⽅使⽤此结构:
<div class="include" file="***.html"></div>
//2.***.html中放⼊内容,⽤html格式仅仅因为会有编辑器的书写辅助。。
//3.代码:
<script>
$(".include").each(function() {
if (!!$(this).attr("file")) {
var $includeObj = $(this);
$(this).load($(this).attr("file"), function(html) {
$includeObj.after(html).remove(); //加载的⽂件内容写⼊到当前标签后⾯并移除当前标签
})
}
});
</script>
或者在index⽂件⾥只写重复部分,剩下的⼀股脑放各⾃单独⽂件 load() 进来~
官⽅解释
转载:
jQuery load() ⽅法
jQuery load() ⽅法是简单但强⼤的 AJAX ⽅法。
load() ⽅法从服务器加载数据,并把返回的数据放⼊被选元素中。
jquery下载的文件怎么使用语法:
$(selector).load(URL,data,callback);
listen和hear的区别必需的 URL 参数规定您希望加载的 URL。
可选的 data 参数规定与请求⼀同发送的查询字符串键/值对集合。
可选的 callback 参数是 load() ⽅法完成后所执⾏的函数名称。
这是⽰例⽂件("")的内容:
<h2>jQuery AJAX 是个⾮常棒的功能!</h2>
<p id="p1">这是段落的⼀些⽂本。</p>
下⾯的例⼦会把⽂件 "" 的内容加载到指定的 <div> 元素中:
$("#div1").load("");
也可以把 jQuery 选择器添加到 URL 参数。
下⾯的例⼦把 "" ⽂件中 id="p1" 的元素的内容,加载到指定的 <div> 元素中:
$("#div1").load(" #p1");
可选的 callback 参数规定当 load() ⽅法完成后所要允许的回调函数。回调函数可以设置不同的参数:
responseTxt - 包含调⽤成功时的结果内容
statusTXT - 包含调⽤的状态
xhr - 包含 XMLHttpRequest 对象
下⾯的例⼦会在 load() ⽅法完成后显⽰⼀个提⽰框。如果 load() ⽅法已成功,则显⽰"外部内容加载成功!",⽽如果失败,则显⽰错误消息:
$("button").click(function(){
$("#div1").load("",function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")
alert("外部内容加载成功!");
if(statusTxt=="error")
alert("Error: "+xhr.status+": "+xhr.statusText);
});
});
场景
为了避免多页⾯情形下的代码重复,可以利⽤ load() ⽅法,将重复的部分(例如导航栏)放⼊单独的⽂件,使⽤下列⽅法进⾏导⼊: 1.当前⽂件中要插⼊的地⽅使⽤此结构:
<div class="include" file="***.html"></div>
2.***.html中放⼊内容,⽤html格式仅仅因为会有编辑器的书写辅助。。
3.代码:
$(".include").each(function() {
if (!!$(this).attr("file")) {branching possibility>进制转换表大全
var $includeObj = $(this);
$(this).load($(this).attr("file"), function(html) {
$includeObj.after(html).remove(); //加载的⽂件内容写⼊到当前标签后⾯并移除当前标签 })
}
});
或者在index⽂件⾥只写重复部分,剩下的⼀股脑放各⾃单独⽂件 load() 进来~
while语句的循环体内最多只能有一条语句
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论