saber 酱的抱枕

Fly me to the moon

04/20
2015
学习

javascript创建对象

saber 撰写 无回复 1,075次查看

我们要创建两个“人”的对象，并且设置每个人的属性。 

<table border="1">
	<tr>
		<td>名字</td>
		<td>性别</td>
		<td>年龄</td>
		<td>喜欢</td>
		<td>身高</td>
	</tr>
	<script type="text/javascript">
		function creatMan (名字,性别,年龄,喜欢) {
			this.名字=名字;
			this.性别=性别;
			this.年龄=年龄;
			this.喜欢=喜欢;
		}
		var Saber=new creatMan('Saber','女',154,'士狼');
		var Illya=new creatMan('Illya','女',150,'士狼');

		creatMan.prototype.height = function  (height) {
			this.height=height+'cm';
		}
		Saber.height(154);
		Illya.height(150);

		document.write('<tr>')
			for(attr in Saber){
				document.write('<td>'+ Saber[attr] +'</td>')
			}
		document.write('</tr>')
		document.write('<tr>')
			for(attr in Illya){
				document.write('<td>'+ Illya[attr] +'</td>')
			}
		document.write('</tr>')
	</script>
</table>

输出如下：
js创建对象
这种创建对象的方式在w3c里称为“混合的构造函数/原型方式”，使用构造函数来完成对象的创建，并在函数中使用this来设置对象的属性，this指代当前对象。
身高这块是使用prototype追加了一个方法，在这个方法里设置了身高属性。一旦对构造函数使用prototype追加属性，则每个由该函数创建的对象也都有了该属性，即使未赋值。如果未赋值，则追加值为等号右边内容（如果右边是函数，即是函数的源代码）。
不需要对此构造函数产生的每个对象都追加属性时，用普通方法为单个对象赋值就可以了：

Saber.height='154cm';

查看w3c页面：ECMAScript 定义类或对象

javascript创建对象

04/20
2015
学习

js中break和continue结合标签语句使用

saber 撰写 无回复 971次查看

在js里的循环语句中，break可以结束循环，continue可以跳过符合条件的本次循环。在有多重循环时，内部循环的break和continue可以结合标签语句来影响外部循环的执行。

var num=0;
cc:
for (var i = 10; i > 0; i--) {
	for (var j = 10; j > 0; j--) {
		if (i==5&amp;&amp;j==5) {
			break cc;
		};
		num++;	
	};
};
alert(num);//num是55

当满足i==5且j==5时，不仅结束了内部这个循环，还结束了标签为cc的外部循环。如果将break换成continue，num将会是95，因为这一次跳过循环跳过了外部的循环。

js中break和continue结合标签语句使用

04/18
2015
学习

javascript的类型转换

saber 撰写 无回复 921次查看

1.转换成字符串：toString() 方法
除Undefined、Null之外的3种主要的原始类型—— Boolean 值、数字和字符串都有 toString() 方法，可以把它们的值转换成字符串。代码如下：

	alert((10).toString());
	alert((false).toString());

但是Number 类型的 toString() 方法比较特殊，它有两种模式，即默认模式和基模式。上例中采用了默认模式，此时toString() 方法只是用相应的字符串输出数字值。基模式则可以用不同的基输出数字，例如将数字转化为二进制、十六进制等并输出字符串。这个“基”实际上是toString() 方法的一个参数。代码如下： 

alert((10).toString(2));//将10转化成2进制的1010

不带参数的toString()其实等同于基为10的toString(10)
Read More →

javascript的类型转换

04/18
2015
学习

javascript向函数传递不确定数量的参数

saber 撰写 无回复 1,554次查看

我们都知道js中的函数可以传参，但有时候我们调用函数时，所需要传递的参数数量可能不确定。例如下例：
function checkType (value) {
for (var i = 0; i < arguments.length; i++) { alert(arguments[i]); }; } checkType('10',10,false); [/code] 我们要查看几个数值的类型，随时可能增删几个参数。问题来了，这些不定数量的实参在函数内怎么接收和处理呢？ 在每个函数中，都有个名为 arguments 的变量，它以类似数组的形式保存了当前调用的参数。而它实际上并不是个数组，使用 typeof arguments 语句尝试会返回“object”（对象），所以它不能像 Array 一样使用 push 和 pop 等方法。即便如此，仍然可以使用下标以及长度属性（length）获取它的值。 所以对于不确定数量的实参，用arguments来使用再好不过了。 另可参考：ECMAScript arguments 对象

javascript向函数传递不确定数量的参数

04/17
2015
学习

js判断input输入框的值是否是数字、字母、汉字

saber 撰写 无回复 2,444次查看

js判断input输入框的值是否是数字、字母、汉字:

	<script>
		function check(){
			if(!isNaN(document.all.form.str.value)){
				alert("输入的全是数字！");
				return false;
			}else{
				if(/[_a-zA-Z]/.test(document.all.form.str.value)){
					alert("输入的全是字母！");
					return false;
				}else{
					if(/^[\u4e00-\u9fa5]+$/i.test(document.all.form.str.value)){
						alert("输入的全是中文！");
						return false;
					}
				}
			}
		}
	</script>
	<form name="form" action="" onsubmit="return check();">
	<input type=text name=str>
	<input type=submit value="检测输入文字的类型">
	<form>

但是这种判断是全部判断，就是说全是数字或者全是字母或者全是汉字才会生效，如果字符掺杂在一起就无效了。可以用来限制输入框内的类型必须全部是某一类型。
Ps：也可以使用js内建的isNaN()函数来判断数值是不是数字(isNaN表示不是数字)。
相关文章：js验证input输入框的内容

js判断input输入框的值是否是数字、字母、汉字

04/17
2015
学习

js验证input输入框的内容

saber 撰写 无回复 1,769次查看 
<h1>js验证输入框内容</h1>
<br />
<br />

只能输入英文
<input type="text" onkeyup="value=value.replace(/&#91;^a-zA-Z&#93;/g,'')">
<br />
<br />
只能输入英文
<input type="text" onkeyup="value=value.replace(/&#91;^\a-\z\A-\Z&#93;/g,'')"
	onkeydown="fncKeyStop(event)" onpaste="return false"
	oncontextmenu="return false" />
无法粘贴，右键不会弹出粘贴菜单
<br />
<br />
只能输入数字：
<input onkeyup="this.value=this.value.replace(/\D/g,'')"
	onafterpaste="this.value=this.value.replace(/\D/g,'')">
<br />
<br />
只能输入数字，小数点：
<input name="price" type="text"
	onkeyup="value=value.replace(/&#91;^\d\.&#93;/g,'')">
<br />
<br />
只能输入数字，小数点，下划线：
<input name="price" type="text"
	onkeyup="value=value.replace(/&#91;^\d\._&#93;/g,'')">
<br />
<br />
只能输入英文和数字：
<input onkeyup="value=value.replace(/&#91;\W&#93;/g,'') "
	onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/&#91;^\d&#93;/g,''))">
<br />
<br />
只能输入汉字：
<input onkeyup="value=value.replace(/&#91;^\u4E00-\u9FA5&#93;/g,'')"
	onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/&#91;^\u4E00-\u9FA5&#93;/g,''))">
<br />
<br />
禁止输入法输入：
<input type="text" style="ime-mode: disabled">
无法切换输入法
<br />
<br />
只能输入中文、英文、数字、@符号和.符号：
<input type="text"
	onkeyup="value=value.replace(/&#91;^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.&#93;/g,'')">
<br />
<br />
不能为空：
<input onblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能为空!')">
<br />
<br />

js验证input输入框的内容

04/13
2015
学习

js使用try和catch测试和捕捉错误

saber 撰写 无回复 1,003次查看

js中我们可以使用try和catch来测试和捕捉错误。看下面的代码：

try{
	aler("a");
	}
catch(err){
  alert(err.name+"："+err.message);
	}

aler("a"); 这句是故意写错来测试的。在chrome中执行这个错误的语句,控制台将会输出错误：

js使用try和catch测试和捕捉错误

使用了try和catch的话，我们可以在catch语句中自定义捕捉到错误后执行的代码。上面的例子中将会弹出消息：

js使用try和catch测试和捕捉错误

查看w3c中对try和catch的解释

js使用try和catch测试和捕捉错误

04/11
2015
学习

js键盘事件处理库：keymaster.js

saber 撰写 4条回复 1,465次查看

keymaster.js是一个小巧易用的js键盘事件处理库，不依赖于其他库。使用时只需要引入其单个文件即可。使用代码如下：

// define short of 'a'
key('a', function(){ alert('you pressed a!') });

// returning false stops the event and prevents default browser events
key('ctrl+r', function(){ alert('stopped reload!'); return false });

// multiple shortcuts
key('command+r, ctrl+r', function(){ });

// shortcut with a scope
key('o, enter', 'issues', function(){ /* do something */ });
key('o, enter', 'files', function(){ /* do something else */ });
key.setScope('issues'); // default scope is 'all'

// query modifier keys
if(key.shift) alert('shift is pressed, OMGZ!');

github主页　直接下载

js键盘事件处理库：keymaster.js

04/11
2015
学习

js使用for...in遍历数组内的元素

saber 撰写 无回复 992次查看

我们常常用到for循环。有时候，合适的情况下使用for...in循环可以使得代码更加简洁。

    <script type="text/javascript">
     var a=['1','2','3','4','5'];
     for (var i = a.length - 1; i >= 0; i--) {
      	document.write(a[i]);
      };
     for(x in a){document.write(a[x]);}
    </script>

上面两个循环执行的效果是等价的。但是，for循环的循环方向（i是自增还是自减）是可控的。像上面的代码，for循环将输出"54321"，然而for...in是正序输出，它将输出"12345"。
for...in也可以使用break和continue来干预循环操作。
另外，除非是像上面那样很简单的操作，否则不太推荐使用for...in。

js使用for...in遍历数组内的元素

1 … 14 15 16 17 18 19 20 21 22 23