Question

在html文件中：

<html>
  <head>
     <script type="text/javascript" src="/images/files/js/callback.js"></script>
  </head>
</html>

callback.js文件中的

：

$(document).ready(function() {
document.write('<script type="text/javascript" src="/images/files/css/style.css" ></script>');
document.write('<link src="/images/files/js/core.js">');
}

关于某种原因，它会将callback.js文件的文本添加到我的页面中，但不会加载style.css和core.js，所以当我访问该页面时，callback.js的元素将在头部元素，但他们不在页面上工作，所以我有一个没有CSS和js的页面

我想要实现的第二件事是，如果它已经加载了callback.js的所有内容，它将删除callback.js的链接，以便该文件不再可见

我想要这样做的原因是javascript / jquery是因为我讨厌php而且我的网页中有很多相同的链接。

Answer 1

$(document).ready(function() {

   /* creating script and link elements */

   var style = $('<link />', {
       'href': '/images/files/css/style.css',
       'rel': 'stylesheet'
   });
   var core  = $('<script />', { 
       'src': '/images/files/js/core.js'
   });


   /* append style and core */

   var head  = $('head');
   style.appendTo(head);
   core.appendTo(head);

});

Answer 2

更改

document.write('<script type="text/javascript" src="/images/files/css/style.css" ></script>');

要，

document.write('<link rel="stylesheet" type="text/css" href="/images/files/css/style.css" >');

Answer 3

你写道：

document.write('<script type="text/javascript" src="/images/files/css/style.css" ></script>');

您正在尝试在脚本标记中包含CSS文件。改为使用：

document.write('<link rel="stylesheet" href="/images/files/css/style.css"/>');

我的CSS不能在脚本中工作

3 个答案: