跨域 - 用 javascript 在任意网页载入远程 css 是怎么实现的？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

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

ringa_lee 2017-04-10 12:41:21

[JavaScript讨论组]

1310

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

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

ringa_lee

全部回复(3)

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

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

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

赞 +0

添加回复

ringa_lee2017-04-10 12:43:21 2楼

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

赞 +0

添加回复

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

推荐用这个 seajs

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>