-
默认字符集：tahoma,arial,sans-serif查看全部
-
单独使用document.onclick方法无法为元素绑定多个事件，addEvenListenner可以<br> <br> addEvenlistner(event,fn,false)：非ie为元素绑定事件<br> attachEvent('on'+event,fn)：ie为元素绑定事件<br> offsetLeft/Top是相对于父元素的距离，还要加上其父元素到左边的距离（可能多个父元素，用null判断），父元素用offsetParent获取 <br> 需编写addEvent将上述两种方法封装起来查看全部
-
防止IE浏览器进入怪异文档模式，兼容性视图 <meta http-equiv="X-UA-Compatible" content="IE=edge">查看全部
-
type=submit 时可以不用js实现提交，但是必须放在form标签内部查看全部
-
语音功能：x-webkit-speech： <input type="text" x-webkit-speech=""> chrome提供的语音输入功能查看全部
-
1. 行高line-height一般设置为25-29px; 2. a:hover{}、ul li:hover{}……称为伪类 3. ul设置padding:0;margin:0去掉浏览器默认边距查看全部
-
<input/>的局限性: <input/>是自闭合标签,即不能嵌套其他html标签,不能定义复杂样式按钮 使用button标签替代:<button><img src="icon.jpg" width="20"/>this is button</button> 可实现图文混排的复杂按钮 当<input>标签的type="submit"时，可以提交表单内容到服务器而不借助任何javascript代码，如果写 type="button"的时候这个效果是不可能实现的 如果要实现提交表达的效果，必需要把type="submit"的按钮放置于form标签内查看全部
-
事件代理（动态的创建元素，然后触发某个元素时候，从父级触发）如动态创建li,页面跳转为：$(document).('click'function(){ location.href ='地址'+keyword; }) keyword就是从li里面搜索到的。查看全部
-
jquery调用.get(url,'callback','json')<br> 第一个参数URL，请求的服务器的端口和服务器的接口的地址，由服务器和前端共同约定 第二个参数callback,从服务器处取来的数据，通过回调函数callback展示出来 第三个参数json，表示返回数据的类型 ajax同源规则，必须放在同一服务器下。 调用的q值是服务器规定，只需要使用就好 如果两个页面的协议、域名和端口是完全相同的，那么它们就是同源的。当前加载页面只能发出同源的ajax请求。<br> 比如说你的当前页面是http://www.example.com/test.html，那么这个页面中的只能发出 http://www.example.com/ 下的请求。查看全部
-
JavaScript事件代理是一种简单的技巧，通过它你可以把事件处理器添加到一个父级元素上，这样就避免了把事件处理器添加到多个子级元素上。 它是怎么运作的呢？ 事件代理用到了两个在JavaSciprt事件中常被忽略的特性：事件冒泡以及目标元素。当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。任何一个事件的目标元素都是最开始的那个元素，在我们的这个例子中也就是按钮，并且它在我们的元素对象中以属性的形式出现。使用事件代理，我们可以把事件处理器添加到一个元素上，等待一个事件从它的子级元素里冒泡上来，并且可以得知这个事件是从哪个元素开始的。 这对我有什么好处呢？ 想象一下现在我们有一个10列、100行的HTML表格，你希望在用户点击表格中的某一单元格的时候做点什么。如果把事件处理器加到这1000个单元格会产生一个很大的性能问题，并且有可能导致内存泄露甚至是浏览器的崩溃。相反地，使用事件代理，你只需要把一个事件处理器添加到table元素上就可以了，这个函数可以把点击事件给截下来，并且判断出是哪个单元格被点击了。 用代码写出来是什么样呢？ 代码很简单，我们所要关心的只是如何检测目标元素而已。比方说我们有一个table元素，ID是“report”，我们为这个表格添加一个事件处理器以调用editCell函数。editCell函数需要判断传到table来的事件的目标元素。我们把它单独放到一个名为getEventTarget的函数中： function getEventTarget(e) { e = e || window.event; return e.target || e.srcElement; } e这个变量表示的是一个事件对象，我们只需要写一点点跨浏览器的代码来返回目标元素，在IE里目标元素放在srcElemnt属性中，而在其它浏览器里则是target属性。一旦我们得到了目标元素，剩下的事情就是看看它是否是我们所需要的那个元素了。查看全部
-
position:relative 绝对定位 position:absolute 相对行为 course:pointer 设置鼠标为“手”的形状 cursor:hand ：IE完全支持。但是在firefox是不支持的，没有效果。 cursor:pointer ：是CSS2.0的标准。所以firefox是支持的，但是IE5.0既之前版本不支持。IE6开始支持。 所以为了兼容各个主流浏览器，尽量使用cursor:pointer，而不要使用cursor:hand。 附：cursor属性 光标类型 CSS 十字准心 cursor: crosshair; 手 cursor: pointer; cursor: hand; 写两个是为了照顾IE5，它只认hand。 等待/沙漏 cursor: wait; 帮助 cursor: help; 无法释放 cursor: no-drop; 文字/编辑 cursor: text; 可移动对象 cursor: move; 向上改变大小(North) cursor: n-resize; 向下改变大小(South) cursor: s-resize; 向右改变大小(East) cursor: e-resize; 向左改变大小(West) cursor: w-resize; 向上右改变大小(North East) cursor: ne-resize; 向上左改变大小(North West) cursor: nw-resize; 向下右改变大小(South East) cursor: se-resize; 向下左改变大小(South West) cursor: sw-resize; 自动 cursor: auto; 禁止 cursor:not-allowed; 处理中 cursor: progress; 系统默认 cursor: default; 用户自定义（可用动画） cursor: url(‘ # ‘); # = 光标文件地址 (注意文件格式必须为：.cur 或 .ani)。查看全部
-
Chrome语音搜索功能： <input type="text" x-webkit-speech="" />查看全部
-
使用onclick 无法为一个dom元素 绑定多个事件查看全部
-
用不着设置图片width和height.直接backgroud-size:cover查看全部
-
《input》type=submi 时 可以提交表单 按钮必须在表单内查看全部
举报
0/150
提交
取消