如何加载css和js

How to load css and js

本文关键字：css js 加载 何加载      更新时间：2023-09-26

我的js脚本将页面的一部分加载到另一个页面，但css和js不加载（.

例如：页面1包含加载页面2的js。第2页包含类似内容。第2页成功加载到第1页，但没有任何css或js？包括在内。

这是加载页面的代码：

var newdiv = $('<div id="blah"/>');
$('body').append(newdiv);
$('#blah').load('http://paht/to/file.php', function(){...

这是加载页面的代码：

<link rel = "stylesheet" href = "http://path/to/file.css">
<div id="id" class="class">
....
</div>
<script src="http://path/to/js.js"></script>

附言：如果我直接复制css和js而不是<link href="...">和<script src="...">，效果会很好
第1页包含我无法更改的脚本。我可以换第2页。如果我直接写css和js，它可以正常工作，但如果我尝试在css和js上写链接，它就会崩溃。

https://i.stack.imgur.com/KUjmk.jpg

由于load使用.innerHTML属性解析检索到的文档并将其插入当前文档，因此未加载文件css和js。

要加载脚本，您应该在文档的<head>中自己创建<script>或<link>元素。

尝试$.getScript(); 功能

$('#blah').load('http://paht/to/file.php', function(){
    $.getScript("path of your script js");
    ...

对于css文件：

$('<link/>', {
    rel: 'stylesheet',
    type: 'text/css',
    href: 'path_to_the.css'
}).appendTo('head');

参考：

http://api.jquery.com/load/

相关文章：