Javascript 从另一个页面动态加载HTML和CSS数据

我正在尝试从我的网站项目的另一个页面动态加载HTML和CSS数据

假设我有两页。第一个是onepage.html，第二个是twopage.html。现在我在twopage.HTML中有一些HTML和CSS（CSS在外部工作表中）数据，我想将它们输入到onepage.HTML中

假设我有一个twopage.html的结构，如下面的代码段所示：

@导入url（'http://getbootstrap.com/dist/css/bootstrap.css');
.col-sm-3{
背景颜色：绿色；
高度：100px；
颜色：白色；
}

你好

你好

你好

你好

我不知道你说的对不对。。。您可以使用jQuery并通过

$加载第二个文件（在同一台服务器上）。get

例如，在onepage.html中：

<script>

        $(function () {

            $.get("twopage.html", function (data) {
                $('.result').html($(data).find('.row').html());
            });

        });

</script>

---

不知道我对你的理解是否正确。。。您可以使用jQuery并通过

$加载第二个文件（在同一台服务器上）。get

例如，在onepage.html中：

<script>

        $(function () {

            $.get("twopage.html", function (data) {
                $('.result').html($(data).find('.row').html());
            });

        });

</script>

---

我已经部分地找到了解决我问题的办法。我使用$.load方法注入我感兴趣的HTML元素。然后，我将CSS样式表附加到回调函数中。到目前为止，它是有效的，但我相信有更好的方法来做到这一点。为我做这项工作的代码：$（“#yourId”）.load（“myURL#container”，function（）{$（$）.append（$（“”）；}）；我已经部分地找到了解决我问题的办法。我使用$.load方法注入我感兴趣的HTML元素。然后，我将CSS样式表附加到回调函数中。到目前为止，它是有效的，但我相信有更好的方法来做到这一点。为我做这项工作的代码：$（“#yourId”）.load（“myURL#container”，function（）{$（$）.append（$（“”）；}）；