web前端，标签切换总结5load()加载新的html界面
2015-10-02 14:48
549 查看
<!DOCTYPE html>
<meta charset="UTF-8">
<!--load()加载新的html界面-->
<!--参考http://www.w3school.com.cn/jquery/jquery_ajax_load.asp-->
<html>
<head>
<script src="jquery-2.1.4.min.js">
</script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$('.div02').load("h505_01.html");
})
})
</script>
</head>
<body>
<div class="div02">
</div>
<button id="btn1" type="button">获得外部的内容</button>
</body>
</html>
//加载的子界面
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
新加入的html文件
</body>
</html>参考：http://www.w3school.com.cn/jquery/jquery_ajax_load.asp
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- web前端，标签切换总结4removeClass() 去除元素的类
- web前端，标签切换总结3addClass()添加类
- web前端，标签切换总结2setTimeout()延时执行clearTimeout()
- web前端，标签切换总结1mouseover,mouseout
- web前端，标签切换
- jquery常用选择器（下）
- JAVA实现数值的整数次方（《剑指offern》）
- jquery mobile手机自适应问题
- Emmet：HTML/CSS代码快速编写神器（转载）
- css基础---第二篇
- 使用 JavaScript 进行函数式编程 (一) 翻译
- JavaScript动画性能优化
- javascript中间AJAX
- JSP文件下载功能的4种方法
- Clipboard.js 无需Flash的JavaScript复制粘贴库
- 【剑指offer】最大和连续子阵列
- 浅析JavaScript之Function类型
- HTML初步学习8
- JavaScript 支持函数的递归调用
- JSP随机验证图片如何制作