• html小问题


    a标签,target="_blank"和非blank的区别

    非blank中,页面在当前页面打开,参数会使用当前页面的编码。

    _blank中打开,参数会使用操作系统默认编码。

    在ie中,url默认不会encode,这是使用中文参数+_blank,可能会导致后台收到的参数是乱码。

    转自http://hi.baidu.com/bluedream_119/blog/item/dc377d4bef83aff783025c68.html

    关于获取各种浏览器可见窗口大小的一点点研究
    <script>
    function getInfo()
    {
    var s = "";
    s = " 网页可见区域宽:" document.body.clientWidth;
    s = " 网页可见区域高:" document.body.clientHeight;
    s = " 网页可见区域宽:" document.body.offsetWidth " (包括边线和滚动条的宽)";
    s = " 网页可见区域高:" document.body.offsetHeight " (包括边线的宽)";
    s = " 网页正文全文宽:" document.body.scrollWidth;
    s = " 网页正文全文高:" document.body.scrollHeight;
    s = " 网页被卷去的高(ff):" document.body.scrollTop;
    s = " 网页被卷去的高(ie):" document.documentElement.scrollTop;
    s = " 网页被卷去的左:" document.body.scrollLeft;
    s = " 网页正文部分上:" window.screenTop;
    s = " 网页正文部分左:" window.screenLeft;
    s = " 屏幕分辨率的高:" window.screen.height;
    s = " 屏幕分辨率的宽:" window.screen.width;
    s = " 屏幕可用工作区高度:" window.screen.availHeight;
    s = " 屏幕可用工作区宽度:" window.screen.availWidth;


    s = " 你的屏幕设置是 " window.screen.colorDepth " 位彩色";
    s = " 你的屏幕设置 " window.screen.deviceXDPI " 像素/英寸";
    //alert (s);
    }
    getInfo();
    </script>
    在我本地测试当中:
    在IE、FireFox、Opera下都可以使用
    document.body.clientWidth
    document.body.clientHeight
    即可获得,很简单,很方便。
    而在公司项目当中:
    Opera仍然使用
    document.body.clientWidth
    document.body.clientHeight
    可是IE和FireFox则使用
    document.documentElement.clientWidth
    document.documentElement.clientHeight
    原来是W3C的标准在作怪啊
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    如果在页面中添加这行标记的话 在IE中:
    document.body.clientWidth ==> BODY对象宽度
    document.body.clientHeight ==> BODY对象高度
    document.documentElement.clientWidth ==> 可见区域宽度
    document.documentElement.clientHeight ==> 可见区域高度
    在FireFox中:
    document.body.clientWidth ==> BODY对象宽度
    document.body.clientHeight ==> BODY对象高度
    document.documentElement.clientWidth ==> 可见区域宽度
    document.documentElement.clientHeight ==> 可见区域高度
    ?
    在Opera中:
    document.body.clientWidth ==> 可见区域宽度
    document.body.clientHeight ==> 可见区域高度
    document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)
    document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
    而如果没有定义W3C的标准,则
    IE为:
    document.documentElement.clientWidth ==> 0
    document.documentElement.clientHeight ==> 0
    FireFox为:
    document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
    Opera为:
    document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)

    获取网页被卷去的高,浏览器兼容:

        var GetScrollY = function() {
            if (typeof window.pageYOffset == 'number') {
                return window.pageYOffset;
            }
            var CompatMode = window.document.compatMode;
            var DocumentElement = window.document.documentElement;
            if ((typeof CompatMode == 'string') && (CompatMode.indexOf('CSS') >= 0) && (DocumentElement) && (typeof DocumentElement.getAttribute("scrollTop") == 'number')) {
                return DocumentElement.getAttribute("scrollTop");
            }
            var Body = window.document.body;
            if ((Body) && (typeof Body.getAttribute("scrollTop") == 'number')) {
                return Body.getAttribute("scrollTop");
            }
            return 0;
        };
    

      

    翻转div:

    style="transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);"

  • 相关阅读:
    SOJ 2785_Binary Partitions
    Codeforces Round #328 (Div. 2)
    C++ fill 和memset
    SOJ 2749_The Fewest Coins
    Codeforces Round #327 (Div. 2)
    TYVJ P1013 找啊找啊找GF Label:动态规划
    TYVJ 1014 乘法游戏
    TYVJ 1011 NOIP 2008&&NOIP 2000 传纸条&&方格取数 Label:多线程dp
    错误集合
    TYVJ P1038/P1039 忠诚 标签:线段树
  • 原文地址:https://www.cnblogs.com/zycjwdss/p/1894643.html
Copyright © 2020-2023  润新知