jQuery exercise t319, from 0 to 1

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>

 

Guess you like

Origin blog.csdn.net/modern358/article/details/113823206