有没有一种简单的方法来重新加载CSS而无需重新加载页面？

我正在尝试使用预览功能制作一个实时的页内css编辑器,该功能可以重新加载样式表并应用它而无需重新加载页面.最好的方法是什么？

可能不适用于您的情况,但这是我用于重新加载外部样式表的jQuery函数:

/**
 * Forces a reload of all stylesheets by appending a unique query string
 * to each stylesheet URL.
 */
function reloadStylesheets() {
    var queryString = '?reload=' + new Date().getTime();
    $('link[rel="stylesheet"]').each(function () {
        this.href = this.href.replace(/\?.*|$/, queryString);
    });
}

您可以使用http://ted.mielczarek.org/code/mozilla/bookmarklet.html将其设为书签

2> nickf..：

---

在"编辑"页面上,不是以正常方式包含CSS(带标记),而是将其全部写入 Preview

Javascript,使用jQuery:

jQuery(function($) {
    var $ed = $('#editor')
      , $style = $('#styles')
      , $button = $('#preview')
    ;
    $ed.val($style.html());
    $button.click(function() {
        $style.html($ed.val());
        return false;
    });
});

这应该是它!

如果你想要真正的花哨,将功能附加到textarea上的keydown,虽然你可能会得到一些不必要的副作用(页面会在你键入时不断变化)

编辑:测试和工作(在Firefox 3.5中,至少,但对其他浏览器应该没问题).请参阅此处的演示:http://jsbin.com/owapi

---

`innerHTML`上的IE barf为`

帆侮听我悄悄说星星

这个屌丝很懒，什么也没留下！

关注作者

Tags | 热门标签

• actionscrip
• bash
• c#
• c++
• c语言
• erlang
• flutter
• go
• golang
• java
• javascript
• lua
• node.js
• perl
• php
• python
• scala
• typescript

RankList | 热门文章

• 1执行segue导航栏停留的位置和Tab Bar消失
• 2如何将大数组切成小数组
• 3SCons-***未找到SConstruct文件
• 4ajax php javascript:使用POST方法时出错
• 5Hazelcast地图同步
• 6Application.Restart如何在.NET中运行？
• 7在app delegate之外注册远程通知
• 8可以使用代码块作为C宏的参数吗？
• 9保留QTextEdit中的光标位置
• 10通过ruby OpenURI下载文件时间歇性EOFError
• 11返回Mvc.JsonResult并设置Response.StatusCode
• 12取消定义在定义值之前在Enum中定义int变量
• 13Xcode自动完成以显示"包含"而非"开始时"的建议
• 14RxJS教程不假设熟悉反应式编程概念或Rx .NET？
• 15如何设置默认URL /路由？
• 16删除Vertica数据库中的重复行
• 17如何使用twilio从MS Access发送消息？
• 18将CSS规则标记为不太重要？
• 19C# - Powershell AddPSSnapin导致错误
• 20逻辑运算符&&和javascript中的两个字符串