content.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>
学习编程技术是一种枯燥乏味的体验,只有你对它产生兴趣,在兴趣的陪伴下,学习代码才会变得生动有趣。
</div>
</body>
</html>
t319.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../../js/jquery-3.5.1.js"></script>
<script>
//load()方法
//获取扩展名为html的文件内容
$(function () {
//$("#content").load("content.html"); //这样写,会包含进不需要的标签
$("#content").load("content.html div")
});
/*
由于Ajax请求遵守同源策略,因此我们只能加载自己网站目录下的内容,
不能用于加载其他网站的内容,例如下面的写法就没法实现。
$("#content").load("http://www.baidu.com#header");
*/
</script>
</head>
<body>
<h3>虾米大王</h3>
<div id="content"></div>
</body>
</html>