Home  >  Q&A  >  body text

跨域 - 用 javascript 在任意网页载入远程 css 是怎么实现的?

有很多网站提供浏览器书签(比如QQ云输入法),书签内容是一段 javascript 代码,能修改当前网页的内容。

现在我希望载入 js 的同时能载入远程网站的 css 文件到当前网站的<head>里,这样我只需要修改远程 css 就能控制 js 运行后的效果,请问在 js 中该如何引入远程 css ?

ringa_leeringa_lee2748 days ago925

reply all(3)I'll reply

  • 迷茫

    迷茫2017-04-10 12:43:21

    document.write('<link href="http://url/to/css" media="screen" rel="stylesheet" type="text/css" />');

    是这样做吗? 提供点思路,实际上 页面是一个dom 结构,可以用javascript 修改任意内容

    reply
    0
  • ringa_lee

    ringa_lee2017-04-10 12:43:21

    document.write只应在文档加载过程中使用。
    如果文档已经加载完了,可以用下面代码代替:

        link = document.createElement('link');
        link.href = 'http://url/to/css';
        link.media = 'screen';
        link.rel = 'stylesheet';
        link.type = 'text/css';
        document.getElementsByTagName('head')[0].appendChild(link);
    

    reply
    0
  • PHP中文网

    PHP中文网2017-04-10 12:43:21

    推荐用这个 seajs

    reply
    0
  • Cancelreply