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

发布于 2022-08-23 23:51:25 字数 183 浏览 8 评论 0

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

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

风尘浪孓 2022-08-30 23:51:25
document.write('<link href="http://url/to/css" media="screen" rel="stylesheet" type="text/css" />');

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

以歌曲疗慰 2022-08-30 23:51:25

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);
草莓酥 2022-08-30 23:51:25

推荐用这个 seajs

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文