zoukankan      html  css  js  c++  java
  • 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);"

  • 相关阅读:
    句柄定义ODBC操作数据
    应用程序浏览器供初学者使用的 wxHTML
    类语言结构化程序设计 & 面向对象程序设计
    数字操作符九度OJ 1019 简单计算器
    类字符串java学习笔记06正则表达式
    启动命令mac安装mysql后,启动mysql ERROR 2002 (HY000)错误解决办法
    链接全局变量再说BSS段的清理
    能力知识程序员学习能力提升三要素
    修改中断内存越界的一种定位方法
    特征方向说说主成分分析(PCA)的源头
  • 原文地址:https://www.cnblogs.com/zycjwdss/p/1894643.html
Copyright © 2011-2022 走看看