zoukankan      html  css  js  c++  java
  • 问题集

     

    **********jquery 的html()方法,可以获取一个标签内部的html,如何获取整个标签html,包括自己?

    如:<div id="divId"><a href="aaa"></a></div>
    $("#divId").html();得到的是<a href="aaa"></a>
    如何获取整个<div id="divId"><a href="aaa"></a></div>

     $("#divId").click(function(){
        alert($("<div></div>").append($(this).clone()).html());
    });
     
    **********hideFocus是对超链接外虚线框的设定!

    hideFocus即隐藏聚焦,具有使对象聚焦失效的功能,其功能相当于:
    onFocus="this.blur()"
    它的值是一个布尔值,如hideFocus=true。也可省略赋值直接写hideFocus。
    你给的代码如果没有hideFocus,那么鼠标点击该超链接,则外面出现一个虚线框,即为聚焦。而使用了hideFocus则不会有虚线框。

    在IE下,需要在标签 a 的结构中加入 hidefocus="true" 属性。

    演示:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> Test </TITLE>
    </HEAD>
    <BODY>
    <a href="#" hidefocus="true" title="XX">没有虚线框</a>
    <br><br>
    <a href="#" title="XX">有虚线框</a>
    </BODY></HTML>


    而在FF等浏览器中则相对比较容易,直接给标签 a 定义样式 outline:none; 就可以了,即:

    a {outline:none;}
    或者
    a{blr:expression(this.onFocus=this.blur());outline:none;}//支持IE

    完整的解决虚线的办法:(本博的另一篇文章中有说明)http://hi.baidu.com/chai516_zjnb/blog/item/d97551a89a4fbef11e17a2cc.html

     **********响应式布局样式引用方法

    <link rel="stylesheetmedia="only screen and (min- 768px)href="/assets/css/screen_768.css" />

    <link rel="stylesheetmedia="only screen and (min- 940px)href="/assets/css/screen_940.css" />

    <link rel="stylesheetmedia="only screen and (min- 1060px)href="/assets/css/screen_1060.css" />

    <link rel="stylesheetmedia="only screen and (min- 1200px)href="/assets/css/screen_1200.css" />


     **********百度搜索时使用  site:pan.baidu.com 素材
     

     

     **********iframe里的div元素无法获取到

    1、iframe里的div元素无法获取到,需采用以下方式 :$(window.frames["ifrmain"].document).find(".tableContainer");  //ifrmain为 iframe的id;

    var tableContainer = $(".tableContainer");  

    if (tableContainer.length == 0) {  //判断此元素是否在iframe里;
    tableContainer = $(window.frames["ifrmain"].document).find(".tableContainer");
    }

    2、 在IE6下背景图片总是有一个像素的错位 :采用gif图片即可避免;

    3、 字体: font-variant 属性设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。

    字体大小:em (各浏览器默认字体为16px,如设12px大小字全应为 : 12/16=0.75em  em是以低级为基准, rem是以html为基准设定) 

     **********IE是不支持CSS3高级选择器  如  :nth-child(4n+3) 等; 

  • 相关阅读:
    用Shell判断字符串包含关系
    shell命令调用http接口(curl方式)
    shell脚本实现发送信息到钉钉
    功能测试特殊字符处理总结
    Java_Swing实现小球沿正弦曲线运动的代码
    Python迁移MySQL数据到MongoDB脚本
    1. WP8.1学习笔记
    0. WP8.1学习笔记
    小练习--低仿系统计算器
    C#字符串题目
  • 原文地址:https://www.cnblogs.com/aimyfly/p/3185557.html
Copyright © 2011-2022 走看看