Saber 酱的抱枕

Fly me to the moon

04/20
2015
学习

javascript创建对象

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

<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结合标签语句使用

在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的类型转换

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向函数传递不确定数量的参数

我们都知道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
ACG

saber便服Q版粘土手办

今天上午,我买的saber粘土手办到了。这是我第一次买手办类的东西。淘宝上有代购的正版是300RMB,我买的是祖国版,你懂的。有些地方色泽不太满意,右臂有个关节一碰就掉,有一张脸上面有一点污点。关机契合处的缝隙感觉略大。其他的没有什么严重情况,例如断手断脚断呆毛……看来我没中奖,那这个价格还是划算的。
这个粘土saber有三张脸,两个下身(站姿和坐姿),配件有碗筷、竹刀、excalibur、老虎玩偶。都能装的上,除了右臂某关节总是掉导致浪费了巨多时间以外,其他的都挺好。
中午我组装了各个姿♂势,拍照留念。

镇楼。开箱之后装起来就是这样的,这时候手里什么也没拿,但是也萌萌哒的哟~
Read More →

saber便服Q版粘土手办

04/17
2015
学习

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

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输入框的内容

<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输入框的内容