web前端，标签切换总结5load()加载新的html界面

最新推荐文章于 2021-06-19 22:35:57 发布

zhaihaohao1

最新推荐文章于 2021-06-19 22:35:57 发布

阅读量1.3k

点赞数

分类专栏： web前端demo

本文链接：https://blog.csdn.net/zhaihaohao1/article/details/48860349

版权

web前端demo 专栏收录该内容

48 篇文章 1 订阅

订阅专栏

<!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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zhaihaohao1

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web前端，标签切换总结5load()加载新的html界面

html>meta charset="UTF-8">html>head> script src="jquery-2.1.4.min.js"> script> script> $(document).ready(function(){ $("#btn1").click(function(){ $
复制链接

扫一扫