javascript - 尝试在greasemonkey中获取背景图像文件大小

标签 javascript css greasemonkey background-image

我想使用 javascript/greasemonkey 获取提交按钮背景图像的文件大小。

P.s。我不想重新加载页面或对图像进行新的调用。由于每次加载的图像都不同。

图像每次都没有不同,只有名称和网址不同:D
抱歉..:/

谢谢大家,我自己解决了剩下的问题:)

最佳答案

<script type="text/javascript">
    function filesize (url) {
        // http://kevin.vanzonneveld.net
        // +   original by: Enrique Gonzalez
        // +      input by: Jani Hartikainen
        // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
        // +   improved by: T. Wild
        // %        note 1: This function uses XmlHttpRequest and cannot retrieve resource from different domain.
        // %        note 1: Synchronous so may lock up browser, mainly here for study purposes.
        // *     example 1: filesize('http://kevin.vanzonneveld.net/pj_test_supportfile_1.htm');
        // *     returns 1: '3'

        var req = this.window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
        if (!req) {throw new Error('XMLHttpRequest not supported');}

        req.open('HEAD', url, false);
        req.send(null);

        if (!req.getResponseHeader) {
            try {
                throw new Error('No getResponseHeader!');
            } catch (e){
                return false;
            }
        } else if (!req.getResponseHeader('Content-Length')) {
            try {
                throw new Error('No Content-Length!');
            } catch (e2){
                return false;
            }
        } else {
            return req.getResponseHeader('Content-Length');
        }
    }
</script>

<style type="text/css">
    input[type="submit"] {
        background-image: url("images/button_submit.gif");
    }
</style>

<body>
    <input type="submit" value="Submit">
</body>

<script type="text/javascript">
    document.write(filesize($('input[type="submit"]').css("background-image").match(/url\(\"(.*)\"\)/)[1]));
</script>

关于javascript - 尝试在greasemonkey中获取背景图像文件大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4738025/

相关文章:

javascript - 无法使用 Javascript 替换方法删除文本区域中的空换行符

javascript - 使用 ajax : possible? 记录 try{ ... } catch(e){ ... }

javascript - mediaelementjs ie9 全屏事件

css - PrimeFaces 2.2.1 在本地看起来与在展示中有所不同

javascript - 我怎样才能调用greasemonkey中现有的javascript函数?

javascript - 我如何将下拉列表 html/css 附加到 jquery 1 行正文

html - 页眉左侧不需要的空间

CSS3 动画和最佳移动性能

javascript - GM_xmlhttpRequest 的响应文本缺少一些 HTML

javascript - 使用 'enter' key 发送推文 (Greasemonkey)