document.execCommand("BackgroundImageCache", false, true)

document.execCommand()方法处理Html数据时常用语法格式如下:
document.execCommand(sCommand[,交互方式, 动态参数])

其中:sCommand为指令参数(如下例中的”2D-Position”),交互方式参数如果是true的话将显示对话框,如果为false的话,则不显示对话框(下例中的”false”即表示不显示对话框),动态参数一般为一可用值或属性值(如下例中的”true”)。

document.execCommand(”2D-Position”,”false”,”true”);

调用execCommand()可以实现浏览器菜单的很多功能. 如保存文件,打开新文件,撤消、重做操作…等等. 有了这个方法,就可以很容易的实现网页中的文本编辑器.


有时候我们要给一些按钮或是img设置背景,而为了达到数据与表现样式分离的效果,通常背景样式都是在CSS里设定的,但是这个行为在IE会有一 个Bug,那就是因为 IE默认情况下不缓存背景图片,所以当鼠标在有CSS背景的按钮或是图片上移动时,图片会闪烁甚至鼠标会出现忙的状态,而在FireFox下没有这个问 题,为了解决这个问题,有两种解决办法,其一是在CSS中加入如下样式:

html {
     filter: expression(document.execCommand(”BackgroundImageCache”, false, true));
}


但这个可能会使整个页面的加载变得很慢,所以推荐使用JS来修正这个Bug,在页面中的任意位置加入如下代码,即可达到理想中的效果:

(function(){
            var browser=new Object();
            browser.name=navigator.appName;
            if(browser.name.indexOf("Microsoft")!=-1){
            browser.version=navigator.appVersion.indexOf("MISE");
            browser.version=parseInt(navigator.appVersion.substring(browser.version+4));
            if(browser.version<=6){
            document.execCommand("BackgroundImageCache",false,true);
            }
        }
    })(window.navigator);

 


  <!--[if lt IE 9]>

    <script src="https://static.wangyin.com/member/v1.0.4/js/lib/html5shiv.js"></script>
    <![endif]-->
    <script type="text/javascript">
        try{document.execCommand("BackgroundImageCache", false, true);}catch(e){}

        
            (function () {
                var url = window.location.href,
                    protocol = window.location.protocol;

                if ( protocol.indexOf('https') < 0 ) {
                    window.location.href = url.replace('http://', 'https://');
                }
            }());
        
    </script>
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值