zoukankan      html  css  js  c++  java
  • width和height能够充分适应屏幕

    我们希望flex web能够充分利用客户浏览器的内容显示空间,也希望当用户的浏览器内容空间太小的情况下不至于将我们的flex web压缩的难看,因此,我们希望flex web有个minHeight和minwidth。而width和height能够充分适应屏幕。花了几个小时解决,记载下:

    1、在swfobject.js中填充代码:

    function addResizeEvent(fn) {
            if (typeof win.addEventListener != UNDEF) {
                win.addEventListener("resize", fn, false);
            }
            else if (typeof doc.addEventListener != UNDEF) {
                doc.addEventListener("resize", fn, false);
            }
            else if (typeof win.attachEvent != UNDEF) {
                addListener(win, "onresize", fn);
            }
            else if (typeof win.onresize == "function") {
                var fnOld = win.onresize;
                win.onresize = function() {
                    fnOld();
                    fn();
                };
            }
            else {
                win.onresize = fn;
            }
        }

    为了用swfobject.addResizeEvent,在swfobject原型定义上增加一行代码:

    addResizeEvent: addResizeEvent,


    2、修改html template,增加:

        var appSwf=null;
                var minHeight=600;
                var minWidth=900;
                
                swfobject.addLoadEvent(function(){
                    appSwf=swfobject.getObjectById("${application}");
                    adjustAppSwfSize();
                });
                
                swfobject.addResizeEvent(function(){
                    adjustAppSwfSize();
                });

                //调整Flex app的大小。
                function adjustAppSwfSize(){
                    if (appSwf!=null){
                        if (getBrowserContentWidth()<minWidth){
                            if (appSwf.width!=minWidth){
                                appSwf.width=minWidth;
                            }
                        }else if (appSwf.width!="100%"){
                            appSwf.width="100%";
                        }


                        if (getBrowserContentHeight()<minHeight){
                            if (appSwf.height!=minHeight){
                                appSwf.height=minHeight;
                            }
                        }else if (appSwf.height!="100%"){
                            appSwf.height="100%";
                        }                    
                    }
                }

                //得到浏览器内容区宽度
                function getBrowserContentWidth(){
                     if (document.documentElement && document.documentElement.clientWidth) {
                            return document.documentElement.clientWidth;
                     } else if (document.body) {
                            return document.body.clientWidth;
                     }
                }
                //得到浏览器内容区高度
                function getBrowserContentHeight(){
                     if (document.documentElement && document.documentElement.clientHeight) {
                            return document.documentElement.clientHeight;
                     } else if (document.body) {
                            return document.body.clientHeight;
                     }
                }


    以上代码目前的浏览器都跨了。我很久不写js代码了,生疏了。

  • 相关阅读:
    JavaScript内置对象String对象下常用的方法
    JavaScript内置对象String对象
    JavaScript内置对象Math产生一个16进制的随机颜色值
    JavaScript内置对象Math查询一组数中的最大值
    JavaScript内置对象Date常用方法总结
    JavaScript内置对象Date常用函数
    JavaScript内置对象Date----格式化时间
    C++学习笔记30:模板与型式参数化
    C++学习笔记29:运行期型式信息2
    C++学习笔记28:运行期型式信息
  • 原文地址:https://www.cnblogs.com/regalys168/p/4121268.html
Copyright © 2011-2022 走看看