ie

方案一： var console = console || { log : function() { return; } };//兼容IE,当IE不支持console.log时，自定义一个包含log方法的对象给他 方案二：HTML5 Boilerplate 也提供了一个处理所有的 Console call 的 fallback // Avoid `console` errors in browsers that lack a console. (function() { var method; var noop = function () {}; var methods = [ 'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error', 'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log', 'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd', 'timeStamp', 'trace', 'warn' ]; var length = methods.length; var console = (window.console = window.console

1、使用这位博主的方案 https://blog.csdn.net/han12398766/article/details/88068036（转载自用学习 侵权删） 2、终极方法 打开 IE 浏览器，打开 Internet 选项，点击高级。将上图中还原高级设置和重置两个选项都还原一遍，并重启电脑 来源： CSDN 作者： milu777 链接： https://blog.csdn.net/milu777/article/details/103579263

一.div和span 　　DIV和SPAN在整个HTML标记中，没有任何意义，他们的存在就是为了应用CSS样式 　　DIV和span的区别在于，span是内联元素，div是块级元素。div占用整行，span只会占用内容大小的部分。div可以改变size，span不可以改变size 二.盒模型 　　margin　　盒子外边距，增加的话，内盒大小不会变 　　padding　　盒子内边距，增加的话，border向外扩大，内盒大小本身不会变 　　border　　盒子边框宽度 　　width　　盒子宽度 　　height　　盒子高度 三.布局相关的属性 　　1.position定位方式 　　　　relative　　正常定位 　　　　absolute　　根据父元素进行定位 　　　　fixed　　根据浏览器窗口进行定位 　　　　static　　没有定位 　　　　inherit　　继承 　　2.定位 　　　　left，right，top，bottom离页面顶点的距离 　　3.覆盖顺序优先级 　　　　z-index　　其值是从0，1，2... 数值越大，优先级越高，那么显示就在最上面 　　4.display显示属性 　　　　display:none　　层不显示 　　　　display:block　　块状显示，在元素后面换行，显示下一个块元素。将内联转换成块状 　　　　display:inline　

拖拽 鼠标在元素中按下，不松手 在页面中移动，让元素跟随鼠标移动 松开鼠标，拖拽停止 var oDiv = document . getElementsByTagName ( "div" ) [ 0 ] ; //1.按下 oDiv . onmousedown = function ( ev ) { var ev = window . event || ev ; //鼠标的位置-oDiv的offset var a = ev . clientX - oDiv . offsetLeft ; var b = ev . clientY - oDiv . offsetTop ; //2.拖动 document . onmousemove = function ( ev ) { var ev = window . event || ev ; var l = ev . clientX - a ; var t = ev . clientY - b ; //3.元素随鼠标移动 oDiv . style . left = l + "px" ; oDiv . style . top = t + "px" ; } //4.松手取消move document . onmouseup = function ( ) { document . onmousemove = null ; } } 拖拽的问题及解决 问题

创建元素的三种方式 document.write() 缺陷:如果是在页面加载完毕后,此时通过这种方式创建元素,那么页面上存在的所有的内容全部被干掉 document.write('新设置的内容<p>标签也可以生成</p>'); innerHTML var box = document.getElementById('box'); box.innerHTML = '新内容<p>新标签</p>'; document.createElement() var div = document.createElement('div'); document.body.appendChild(div); 性能问题 innerHTML方法由于会对字符串进行解析，需要避免在循环内多次使用。 可以借助字符串或数组的方式进行替换，再设置给innerHTML 优化后与document.createElement性能相近 - 动态创建列表，高亮显示 - 根据数据动态创建表格 模拟百度搜索文本框 元素相关得方法: 只创建一个元素 节点操作 、* 节点的属性:(可以使用标签–元素.出来,可以使用属性节点.出来,文本节点.点出来) nodeType:节点的类型:1----标签,2—属性,3—文本 nodeName:节点的名字:标签节点—大写的标签名字,属性节点—小写的属性名字,文本节点----#text

1.事件对象 event （每个事件发生时，都会产生自己的事件对象,他们的值都不一样） 事件处理函数：当事件发生的时候调用的函数 事件对象：当事件发生的时候，浏览器会将事件相关的信息(鼠标位置，事件类型，)存储在事件对象中，event 事件对象兼容： var ev = window.event || ev; //console.log(window.event);//低版本ff undefined //console.log(ev); //chrome , ff, ie不支持 document.onclick = function (ev) { //1.兼容 window.event || ev var ev = window.event || ev; } 事件对象属性： type:获取事件类型 target：（srcElement 兼容ie8）：获取触发事件的对象 clientX,clientY:获取鼠标当前位置，相对于屏幕 pageX,pageY:获取鼠标当前位置，相对于页面 shiftKey,ctrlKey,altKey:布尔值，是否按了对应的功能键 事件对象常用属性： //2.事件对象属性 console.log(ev); console.log(ev.type); //事件类型 click console.log(ev.target||ev.scrElement); /

<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--> <!--[if IE]> 所有的IE可识别 <![endif]--> <!--[if IE 6]> 仅IE6可识别 <![endif]--> <!--[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]--> <!--[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]--> <!--[if IE 7]> 仅IE7可识别 <![endif]--> <!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]--> <!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]--> <!--[if IE 8]> 仅IE8可识别 <![endif]--> <!--[if IE 9]> 仅IE9可识别 <![endif]--> ie8，ie7 背景图片不重复 图片地址后面加空格 否则图片不显示 background:url("images/ylhlsedg_18.jpg") no-repeat; ie7 z-index问题 对自身设置z-index之后需要在自己的父级元素设同样的index 兼容ffIE678 hack(IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例)

关于CSS HACK 可以参见这个网站 http://browserhacks.com/ 。 网上很多资料中常常把!important也作为一个hack手段，其实这是一个误区。!important常常被我们用来更改样式，而不是兼容hack。造成这个误区的原因是IE6在某些情况下不主动识别!important,以至于常常被人误用做识别IE6的hack。可是，大家注意一下，IE6只是在某些情况下不识别（ie6下，同一个大括号里对同一个样式属性定义，其中一个加important则important标记是被忽略的，例：{background:red!important; background:green;},ie6下解释为背景色green，其它浏览器解释为背景色red；如果这同一个样式在不同大括号里定义，其中一个加important则important发挥正常作用，例：div{background:red!important},div{background:green}，这时所有浏览器统一解释为背景色red。) 实例讲解： Hack应用情境（一） 适用范围：IE:6.0,IE7.0,IE8.0之间的兼容 实例说明： 此例中我们使用了渐进识别的方式，从总体中逐渐排除局部。首先，巧妙的使用“9”这一标记，将IE游览器从所有情况中分离出来。接着，再次使用“+”将IE8和IE7、IE6分离开来

一， C51内存结构深度剖析 二， reg51.头文件剖析 三， 浅淡变量类型及其作用域 四， C51常用头文件 五， 浅谈中断 六， C51编译器的限制 七， 小淡C51指针 八， 预处理命令 一，C51内存结构深度剖析 在编写应用程序时，定义一个变量，一个数组，或是说一个固定表格，到底存储在什么地方； 当定义变量大小超过MCU的内存范围时怎么办； 如何控制变量定义不超过存储范围； 以及如何定义变量才能使得变量访问速度最快，写出的程序运行效率最高。以下将一一解答。 1 六类关键字（六类存储类型） data idata xdata pdata code bdata code： code memory （程序存储器也即只读存储器）用来保存常量或是程序。code memory 采用16位地址线编码，可以是在片内，或是片外，大小被限制在64KB 作用：定义常量，如八段数码表或是编程使用的常，在定义时加上code 或明确指明定义的常量保存到code memory（只读） 使用方法： char code table[]={0xc0,0xf9,0xa4,0xb0,0x99,0x92,0x82,0xf8,0x80,0x90}; 此关键字的使用方法等同于const data data memory （数据存储区）只能用于声明变量，不能用来声明函数，该区域位于片内，采用8位地址线编码

你是否好奇标识浏览器身份的User-Agent，为什么每个浏览器都有Mozilla字样？ 故事还得从头说起，最初的主角叫NCSA Mosaic，简称Mosaic（马赛克），是1992年末位于伊利诺伊大学厄巴纳-香槟分校的国家超级计算机应用中心（National Center for Supercomputing Applications，简称NCSA）开发，并于1993年发布的一款浏览器。它自称“ NCSA_Mosaic/2.0（Windows 3.1） ”，Mosaic可以同时展示文字和图片，从此浏览器变得有趣多了。 然而很快就出现了另一个浏览器，这就是著名的Mozilla，中文名称摩斯拉。一说 Mozilla = Mosaic + Killer，意为Mosaic杀手，也有说法是 Mozilla = Mosaic & Godzilla，意为马赛克和哥斯拉，而Mozilla最初的吉祥物是只绿色大蜥蜴，后来更改为红色暴龙，跟哥斯拉长得一样。但Mosaic对此非常不高兴，于是后来Mozilla更名为Netscape，也就是网景。Netscape自称“ Mozilla/1.0(Win3.1) ”，事情开始变得更加有趣。网景支持框架（frame），由于大家的喜欢框架变得流行起来，但是Mosaic不支持框架，于是网站管理员探测user agent，对Mozilla浏览器发送含有框架的页面