专注WEB前端开发

摘要： //获取元素的样式值。function getStyle(elem, name) { if (elem.style[name]) { return elem.style[name]; } else if (elem.currentStyle) { return elem.currentStyle[name]; } else if (document.defaultView && document.defaultView.getComputedStyle) { name = name.replace(/([A-Z])/g, "-$1")... 阅读全文

摘要： jQuery on()方法是官方推荐的绑定事件的一个方法。$(selector).on(event,childSelector,data,function,map)由此扩展开来的几个以前常见的方法有.bind() $("p").bind("click",function(){ alert("The paragraph was clicked."); }); $("p").on("click",function(){ alert("The paragraph was clicked.&q 阅读全文

摘要： 很多时候会碰到那个的表单一般我们做文字提醒功能时会在value处直接写上，现在总结一个比较好的方法直接上代码：html: 微博/博客/邮箱/手机号 请输入密码 下次自动登陆 忘记密码 立即注册 CSS.login_cont dd {ma... 阅读全文

摘要： 标题栏新消息提示如图：公司的项目中用到了这个新消息提示的效果，主要用于提示用户有新消息。具体实现代码如下：var newMessageRemind={_step: 0,_title: document.title,_timer: null,//显示新消息提示show:function(){var temps = newMessageRemind._title.replace("【 】", "").replace("【新消息】", "");newMessageRemind._timer = setTimeout(fu 阅读全文

摘要： 作者：阮一峰日期：2009年9月14日制作网页的过程中，你有时候需要知道某个元素在网页上的确切位置。下面的教程总结了Javascript在网页定位方面的相关知识。一、网页的大小和浏览器窗口的大小首先，要明确两个基本概念。一张网页的全部面积，就是它的大小。通常情况下，网页的大小由内容和CSS样式表决定。浏览器窗口的大小，则是指在浏览器窗口中看到的那部分网页面积，又叫做viewport（视口）。很显然，如果网页的内容能够在浏览器窗口中全部显示（也就是不出现滚动条），那么网页的大小和浏览器窗口的大小是相等的。如果不能全部显示，则滚动浏览器窗口，可以显示出网页的各个部分。二、获取网页的大小网页上的每个 阅读全文

摘要： function getvl(name) { var reg = new RegExp("(^|\\?|&)"+ name +"=([^&]*)(\\s|&|$)", "i"); if (reg.test(location.href)) return unescape(RegExp.$2.replace(/\+/g, " ")); return "";};用法简单的说一下比如url是:http://suiyidian.cn/index.php?qz=ddddk中qz的值代 阅读全文

摘要： 这些文字显示在内层元素中。 阅读全文

摘要： IE、Safari、Opera和Chrome支持innerText属性。Firefox虽然不支持innerText，但支持作用类似的textContent属性。textContent是DOM3级规定的一个属性，而且也得到了safari、opera和Chrome的支持。为了确保跨浏览器兼容，有必要想下面这样通过函数来检测可以使用哪个属性：var div = document.getElementById("content");function getInnerText(element) { return (typeof element.textContent == " 阅读全文

摘要： HTML Code CSSinput[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; font-size: 100%;}input::-webkit-search-decoration,input::-webkit-search-cancel-button { display: none;}样式搜索输入viewdemo我不会通过每个CSS行,因为它是直接。注意,搜索输入宽度设置为55像素,它将扩大到130 ... 阅读全文

摘要： 讲这个方法之前，我们应该先了解下插入节点时浏览器会做什么。 在浏览器中，我们一旦把节点添加到document.body（或者其他节点）中，页面就会更新并反映出这个变化，对于少量的更新，一条条循环插入也会运行很好，也是我们常用的方法。代码如下：for(var i=0;i.但文档碎片不会产生这种节点.var oDiv = document.createElement("div"); for(var i=0;i<10000;i++){ var op = document.createElement("span"); var oText = documen 阅读全文