jQuery：使用html mimetype加载包含CSS样式表的html文件

Question

    $.get("page/test.thml", function(html){
        $("#iframe").contents().find("html").html(html);
    },'html')

test.html contains css stylesheet.

but I get Resource interpreted as Stylesheet but transferred with MIME type text/html:

the html loads but its missing it's css styling. I tried to copy paste the css file contents into the html file itself but this did not fix the issue.

how to make the css display when the html is loaded?

Answer 1

Please find below solution.

<script type="text/javascript">
        $(document).ready(function () {
            // Your HTML Physical file path here// Note: style should have text/css attribute.
            $("#result").load("YourHTML.html", function () {
                alert($("#result").html()); // This is your HTML
            });
        });

    </script>

Answer 2

Try this:

$(document).ready(function () {
  $("#result").load("file.html");
});

It will load you html including your css styling automatically(HTML with embedded CSS). But if you set the mapping addresses of the css file(Linked CSS case) in the html file in the right way it will be no problem.