JavaScript
关注
分享
扫一扫
文章平均质量分 71
wjxbj
这个作者很懒，什么都没留下…
展开
-
《Javascript高级程序设计(第3版)》闭包理解
“闭包是指有权访问另一个函数作用域中的变量的函数。”--《Javascript高级程序设计(第3版)》 看以下代码：<script type="text/javascript"> function outer() { var i = 10; return function() { retu...原创 2013-03-09 20:58:58 · 375 阅读 · 0 评论 -
JS控制页面输入框为只读
在WEB应用开发当中，增、删除、改、查功能必不可少，为了减少以后维护的工作量，我们一般都只做一份页面，通过传入的参数控制其是新增、修改或者查看。而修改时需将待修改的信息从后台取到并显示出来，实际上就是查看的过程，唯一的区别是修改时，页面上所有的信息能修改，而查看页面上的信息不能修改。因此完全可以将其合并，但通过前端JS将查看页面的所有信息控制为只读，在信息量非常大时，就比较麻烦。 其实...原创 2013-03-09 21:06:34 · 762 阅读 · 0 评论 -
JS的undefined与null的实例
<form name="theform" id="theform"></form><script language="javascript"> var a alert(typeof(b)); //这里提示undefined if(theform.datasource==null) alert(&qu原创 2013-03-09 21:11:13 · 177 阅读 · 1 评论 -
JS精度问题
在JS处理算法时，有时会存在精度问题。 如694.84+(-300)有精度问题，但694.64+(-300)没有精度问题。 如0.263*256.3有精度问题，但0.263*256.5没有精度问题。 但在实际应用中，是绝对不能出现此类问题的。如下提供了一种解决此类精度问题的方法，供参考。 <html><head></hea...原创 2013-03-12 19:14:46 · 148 阅读 · 0 评论 -
javascript闭包[两个小测试例子]
一.程序一<script>var name = "The Window";var Object_a = { name : "My Object", getNameFunc : function(){ var that = this; return function(){ return that.name;...原创 2013-03-12 19:15:13 · 124 阅读 · 0 评论 -
渐变显示
<style type="text/css"> #wxf { FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#97FF98); height: 25px; }</style><div...原创 2013-03-12 19:15:28 · 97 阅读 · 0 评论 -
JavaScript基本类型
JavaScript基本类型 一．布尔型 二．字符串型 三．数值型 四．函数 附源代码： 1．布尔型 <!DOCTYPE HTML PUBLIC "-//W 3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><htm...原创 2013-03-12 19:15:46 · 122 阅读 · 0 评论 -
javascript读取表单数据
利用javascript读取表单数据，可以利用以下三种方法获取：1、通过表单ID属性：var a = document.getElementByIdx_x_x("id");2、通过表单名称属性：var b = document.getElementsByName("name");3、直接通过表单名字获取：var c = form.content.value;而通常的表单验证方法则...原创 2013-03-12 19:16:04 · 741 阅读 · 0 评论 -
JS变量作用域实例
<script> var scope='hello'; function a(){ console.log(scope); //undefined var scope='world'; console.log(scope); //world console.log(b); ...原创 2013-03-13 11:54:58 · 94 阅读 · 0 评论 -
getElementById的用法
getElementById是通过Id来设置/返回HTML标签的属性及调用其事件与方法。用这个方法基本上可以控制页面所有标签，条件很简单，就是给每个标签分配一个ID号。 返回具有指定ID属性值的第一个对象的一个引用。 语法： Element = document.getElementByIdx_x_x(“id”) ...原创 2013-03-13 12:02:16 · 8593 阅读 · 0 评论 -
getElementsByName实例
实例1：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>..原创 2013-03-13 12:03:07 · 178 阅读 · 0 评论 -
网络编程基础篇之JavaScript-学习笔记
1.documentWrite<html><head> <script language="JavaScript"> document.write("这是电脑网络学校"); document.close(); </script></head>&原创 2013-03-13 12:03:28 · 135 阅读 · 0 评论 -
JS检查输入框输入的是否是数字的一种校验方法
如下是JS检查输入框输入的是否是数字的一种校验方法：<form method=post target="_blank"> 数字：<input type="text" name=num onkeypress="checkNum(this.form)"><br></form><script languag原创 2013-03-13 12:08:02 · 373 阅读 · 0 评论 -
JS中定义对象的几种方式
1. 基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)：<html><head> <title>基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)</title></head><script> var obj = new Object(); obj.n...原创 2013-03-14 09:09:50 · 444 阅读 · 0 评论 -
用JS实现一个JS对象，对象里有两个属性一个方法
<html> <head> </head> <body> 用js代码实现一个js对象，对象里有两个属性，一个方法 </body> <script> var obj={a:'1234567',b:'bbbbbbbbbb',c:function(x){ ...原创 2013-03-14 09:10:04 · 862 阅读 · 0 评论 -
checkbox实现全选功能
一.JQuery实现全选功能：<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title>checkbox</title></head><原创 2013-03-25 12:39:02 · 189 阅读 · 0 评论 -
javascript正则表达式的基础知识
javascript正则表达式的基础知识1.javascript 正则对象创建 和 用法 声明javascript 正则表达式 var reCat = new RegExp("cat"); 你也可以 var reCat = /cat/; //Perl 风格 （推...原创 2013-05-22 10:06:07 · 143 阅读 · 0 评论 -
$(document).ready()方法 VS window.onload VS $(window).load()及load事件详解
今天发现一个问题，修改页面时，无法对一个按钮进行条件的显示或隐藏，同事用setTimeout解决了。但我老觉得setTimeout不到万不得已的时候才能用。 经分析，这个要显示或隐藏的按钮是include进来的，于是用window.onload解决，后查资料发现与其$(window).load()方法等价，会等到页面所有内容加载完毕后才会触发。 现对 ...原创 2013-05-23 10:01:05 · 238 阅读 · 0 评论 -
javascript判断浏览器
在前端JS开发时，有些浏览器不支持相应的方法，此时需判断浏览器的类型甚至版本。如下是判断浏览器类型及IE版本的实例：<!doctype html><html lang="en"><head><meta charset="utf-8" /><title>JS Test Browser Typ原创 2013-05-31 16:55:00 · 183 阅读 · 0 评论 -
JavaScript实现实时提示可输入字符字节数的实例
在工作当中，我们经常会遇到JS或JAVA判断当前输入的字符长度是否在指定的范围，如“用户名必须小于20个字符”之类的，其实我们必须重视这里所说的字符，因为如果数据库的表结构长度是20的话，用户输入有汉字时，因为字符和字节的区别，一个全角的字符或一个汉字占两个字节，而一个半角的字符仅占一个字符，就会校验不到，从而导致操作数据库异常。 下面就以一个JS实例说明通过...原创 2013-06-01 16:18:45 · 221 阅读 · 0 评论 -
javascript的全局函数
全局函数与内置对象的属性或方法不是一个概念。全局函数它不属于任何一个内置对象。JavaScript 中包含以下14个全局函数，用于完成一些常用的功能：escape( )、eval( )、isFinite( )、isNaN( )、parseFloat( )、parseInt( )、unescape( )、decodeURI()、decodeURIComponent()、encod...原创 2013-06-21 21:31:48 · 718 阅读 · 0 评论 -
HTML5自定义属性对象Dataset简介
一.html5 自定义属性介绍 HTML5中自定义合法属性data-,就是在HTML5中我们可以使用data-前缀设置我们需要的自定义属性，来进行一些数据的存放，例如我们要在一个文字按钮上存放相对应的id：<a href="javascript:" data-id="2312">测试</a> 这里的data-前缀就被称为data属...原创 2013-06-28 13:44:03 · 180 阅读 · 0 评论 -
<meta http-equiv="X-UA-Compatible" content="IE=edge" />详解
X-UA-Compatible是针对IE8新加的一个设置，对于IE8之外的浏览器是不识别的，这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE>指令，都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。对于多数网站来说，它...原创 2013-11-20 20:17:51 · 4585 阅读 · 1 评论 -
JS正则表达式的i m g
g:表示全局（global)模式，即模式将被应用于所有字符串，而非在发现第一个匹配项时立即停止。 i:表示不区分大小写（case-insensitive）模式，即在确定匹配项时忽略模式与字符串的大小写。 m:表示多行（multiline）模式，即在到达一行文本末尾时还会继续查找下一行中是否存在与模式匹配的项。 实例： var ...2013-01-29 11:44:40 · 170 阅读 · 0 评论 -
判断JS对象是否拥有某属性
两种方式，但稍有区别1.in 运算符var obj = {name:'jack'};alert('name' in obj); // --> truealert('toString' in obj); // --> true 可看到无论是name，还是原形链上的toString，都能检测到返回true。2.hasOwnProperty 方法var obj...原创 2013-11-29 21:01:52 · 91 阅读 · 0 评论 -
让html div元素随浏览器的大小自适应垂直居中
表格可以实现td中的元素垂直居中显示，但是前提条件必须定义td的高才可行。但是很多时候会用到元素跟随浏览器的大小垂直居中，如在制作展示官网、活动展示网等等的时候。问题：实现div垂直居中并在缩放浏览器尺寸的时候仍然居中。解决方案：1.浏览器可视区域的高度-元素的高度/2 = 元素距离浏览器可视区域顶部的距离。(bodyHeight – divHeight)/22.浏览器可视区域如果小于...原创 2013-07-16 20:00:43 · 774 阅读 · 0 评论 -
JavaScript操作Cookie
一.设置cookie 每个cookie都是一个键/值对，可以把一个字符串赋值给document.cookie，如：document.cookie="userId=828"; 如果要一次存储多个键/值对，可以使用分号加空格（; ）隔开，如： document.cookie="userId=828; userName=bj"; 在cookie的键或值中不能使用分号（;）、逗号（,）...原创 2013-07-16 20:54:56 · 139 阅读 · 0 评论 -
JavaScript cookie实现html的select标签刷新后不回到默认值而是保持之前选择值
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <base href="<%=basePath%>"> <title>3G业务</title> &原创 2013-07-18 19:34:11 · 1077 阅读 · 2 评论 -
js字符串转化为date
同事问在JS中，如何将日期字符串（如：2014-05-04）转换成Javascript中日期对象Date，上网查了资料，简单做一个小结： 创建一个日期对象：var objDate=new Date([arguments list]); 参数形式有以下5种：new Date("month dd,yyyy hh:mm:ss");new Date(...原创 2014-05-04 19:44:57 · 571 阅读 · 0 评论 -
使用Javascript中的alert()函数显示中文乱码
在做js字符串转化为date测试时，发现alert()函数弹出的提示框出现了中文乱码，以下是通过查阅相关资料找到的一些解决方案。可能原因一： javascript如果是写在一个文件里面进行的调用，可能是因为js的编码和我们的HTML编码不一致。解决方案： 在html中引入javascript代码时，指定其字符集为gbk，即可显示中文...原创 2014-05-04 19:50:30 · 744 阅读 · 0 评论 -
js数组操作大全
shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift(); //a：[2,3,4,5] b：1 unshift：将参数添加到原数组开头，并返回数组的长度 var a = [1,2,3,4,5]; var b = a.unshift(-2,-1); //a：[-2,-1,1,2...原创 2014-01-06 12:44:14 · 92 阅读 · 0 评论 -
JS正则表达式校验
/^\d+(\.\d{0,2})?$/：纯数字，最多有两位小数位；/^[+-]?[0-9]*[\.]{0,1}[0-9]{0,4}$/：[-1,1]范围内，限四位小数位，前面能输入“+”或“-”。2014-01-14 19:56:14 · 88 阅读 · 0 评论 -
js页面跳转
一.js方式的页面跳转1.window.location.href方式<script language="javascript" type="text/javascript"> window.location.href="http://www.baidu.com"; </script>2.window.navigate方式跳转<scr...原创 2014-05-20 21:35:27 · 134 阅读 · 0 评论 -
罗列一些自认为比较有用的前端东西
一、highcharts插件。 主要用作制表，对于按时间统计资料非常有效，并且具有美观的外表，代码简单易于修改（需要英文基础），我认为非常值得推崇。http://www.highcharts.com/二、angularJS插件。 AngularJS是Google开源的一款JavaScript MVC框架，不但能减少代码量还能很好的复用（我现在正在研究），里面有入门教程、一些好的文...原创 2014-01-17 12:59:44 · 106 阅读 · 0 评论 -
设置IE浏览器让js报错
IE-工具---Internet选项--高级--"禁用脚本提示"前面那个框的勾去掉---"显示每个脚本错误的通知"给该项打勾。 注意：此时是静态页面很容易提示出错误的行号，但是当js是动态页面的时候，浏览器提示的错误行号是动态转为静态之后的行号，而不是我们代码本来的行号。...原创 2013-08-13 14:31:37 · 696 阅读 · 0 评论 -
JavaScript split() 方法详解
split() 方法用于把一个字符串分割成字符串数组。语法:stringObject.split(separator,howmany)参数描述:separator:必需。字符串或正则表达式，从该参数指定的地方分割 stringObject。howmany:可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不...原创 2013-08-13 20:50:00 · 1702 阅读 · 0 评论 -
深入浅出解析JSON和JSONP
前言： 由于Sencha Touch 2这种开发模式的特性，基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。当然了，通过调用强大的PhoneGap插件然后打包，你可以实现100%的Socket通讯和本地数据库功能，又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能，但这两种方式都有其局限性，前者需要PhoneGap支持，后者要求用户设备...原创 2014-02-07 15:49:49 · 133 阅读 · 0 评论 -
各浏览器中for in顺序的差异
如下var obj = { 2:"2", 40:"40", 15:"15", }; for (var k in obj) { console.log(k); };IE6/7/8/Firefox/Safari24015IE9/Chrome10/Opera1121540即IE9/Chrome10/Opera11中不是按定义时的顺序输出的。f...原创 2014-02-09 09:33:10 · 142 阅读 · 0 评论 -
for in的缺陷
for in 语句用来列举对象的属性(成员)，如下var obj = { name:"jack", getName:function(){return this.name} }; //输出name,getName for(var atr in obj) { alert(atr); } 注意了吗，没有输出o...原创 2014-02-09 09:33:27 · 156 阅读 · 0 评论 -
JavaScript奇技之遍历数组
正常的for循环就不提了，直接进入正题。如下：//示例1 for(var i=0,a;a=["jack","tom","lily","andy"][i++];){ console.log(a); } //示例2 var ary = ["jack","tom","lily","andy"]; fo原创 2014-02-09 09:33:40 · 107 阅读 · 0 评论