跨域 - 用 javascript 在任意网页载入远程 css 是怎么实现的?
ringa_lee
ringa_lee 2017-04-10 12:41:21
0
3
964

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

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

ringa_lee
ringa_lee

ringa_lee

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

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

左手右手慢动作

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);
Ty80

推荐用这个 seajs

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template