摘要：
每种语言都有它特别的地方，对于JavaScript来说，使用var就可以声明任意类型的变量，这门脚本语言看起来很简单，然而想要写出优雅的代码却是需要不断积累经验的。本文利列举了JavaScript初学者应该注意的七个细节，与大家分享。1. 简化代码JavaScript定义对象和数组非常简单，我们想要创建一个对象，一般是这样写的：var car = new Object();car.colour = 'red';car.wheels = 4;car.hubcaps = 'spinning';car.age = 4;下面的写法可以达到同样的效果：var car = 阅读全文
摘要：
在javascript中有两种注释方式：单行注释： //多行注释： /* */注释主要是为了让我们编写的程序更具有可读性，也便于他人来进行二次修改看下面的例子，我们给正则表达式用/* */注释了，运行时发布报了一个语法错误1 /*2 var rm_a = /a*/.match(s);3 */所以说块级注释是不安全的，如果在我们的代码中犯了这样的错误，很难去排查所以最好是用单选注释// 取代多行注释 /* */ 阅读全文
摘要：
<style type="text/css"> .float-div { float:left; } .img-wrapper { border:1px solid gray; display:table-cell; height:100px; text-align:center; vertical-align:middle; width:100px; *display:block; } .img-wrapper * { vertical-... 阅读全文
摘要：
1、获取图片大小的函数getImageSizefunction getImageSize(imageEl) { var i = new Image(); //新建一个图片对象 i.src = imageEl.src; //将图片的src属性赋值给新建图片对象的src return new Array(i.width, i.height); //返回图片的长宽像素 //return [i.width, i.height];}2、示例var imgEl = document.getElementById(imgEl), imgSize = getImageSize(imgEl), imgWid.. 阅读全文
摘要：
W3C在mouseover和mouseout事件中添加了relatedTarget属性。在mouseover事件中，它表示鼠标来自哪个元素，在mouseout事件中，它指向鼠标去往的那个元素。而Microsoft添加了两个属性：fromElement在mouseover事件中表示鼠标来自哪个元素。toElement在mouseout事件中指向鼠标去往的那个元素。跨浏览器的脚本如果你想知道鼠标来自哪个元素在mouseover事件中，你可以这样写：function dosomething(e){ if(!e) var e=window.event; var relTarg=e.relatedTar 阅读全文
摘要：
(function() { var urlToObject = function(url) { var urlObject = {}; if (/\?/.test(url)) { var urlString = url.substring(url.indexOf("?")+1); var urlArray = urlString.split("&"); for (var i=0, len=urlArray.length; i<len; i++) { var urlItem = urlArray[i]; var item = urlItem. 阅读全文
摘要：
最近在看《javascript 高级程序》一书，写自己的一些小心得体会，希望得到牛人们的指点，讨论。步入今天的正题，javascript事件处理函数，我们知道，javascript与HTML之间的交互是通过事件来实现的，事件就是用户或浏览器自身执行的某种动作，比如click、mounseover、load……,而响应事件的函数就叫做事件处理函数（或事件侦听器）。HTML代码中的事件处理程序：<input type="button" value="click me" onclick="alert('click me')&qu 阅读全文
摘要：
在web开发中，经常需要用户填写一些信息提交到数据库中，这个时候我们就会用到表单。对于前端来说，表单设计的好与不好直接影响到用户的体验。在今天的学习笔记中，和大家一起来先设计一个表单，然后一步一步一类完善用户体验。先看HTML代码： <form method="post" action="#" name="register"> <p> <label for="user_name">用户名：</label> <input type="text" 阅读全文
摘要：
在javascript学习笔记（十）中，我们对表格进行了一些美化，主要是实现隔行换色及鼠标经过时高亮两个功能！这样看起来，感觉已经不错了，用户体验要比之前好多了。在今天的学习笔记中，我们对表格再改进一些，让用户体验再好一些。我们先看下图：图1 会员信息表比如我们现在有图1这样一个表格，在会员组这一列中，需要把相同会员组的排在一起，这样就需要对这个表格进行一些排序的操作。下面我们就来一步一步实现这个需求：基本原理：首先提取会员组这列的值，然后存储在一个数组中，然后利用arrayObject.sort()方法对其排序，排序的结果先保存在一个临时的代码片段中(documentFragment)，最后 阅读全文
摘要：
在网页的，表格的布局经常可见，当表格的行数非常多的，很容易引起用户的视觉疲劳，而且容易让用户把相邻两行的数据看错。我们可以通过隔行换色以及高亮的方法的来改善用户体验！如果用css来实现，前台的代码会略显不优雅，比如在奇数行我们需要添加<tr class="odd">这样的代码来实现隔行换色，而且如果是从后台动态输出的网页，这是无法实现的，除非用程序去控制。tr:hover 在ie6下是不支持的。所以还是不能完全满足我们的要求。这里我们可以用javascript来帮我们实现以上需求。主要就是操作DOM。首先看HTML代码： <h1>会员信息表</ 阅读全文