标签：
嘿嘿，又到了周末时间，周六其实就是总结这周的学习的，记得周二周三刚开始接触javascript时间，还是不知道怎么学习的，就感觉找不到方向，那时间学习的只是总结了一些简单的定义或者是学习结构，今天就把这些重新练习了一下，感觉还是蛮容易找到学习的兴趣的，顿时就默默的开始了今天的练习过程。今天就总结下初步认识javascript时间的一些实例，记得前面总结的并不完全，所以在这里总结一下基本概念。
一.基本的认识一些类型和方法
<script>
var colors = new Array(3); //数组的长度为3
colors[0] = "string";
colors[1] = 234;
colors[2] = true;
for (var i = 0; i < colors.length; i++) {
alert(colors[i]); //遍历出数组的每一项值
}
var colors1 = new Array("red", "blue", "yellow","black","white","orange","green");
colors1.push("zhansgan"); //push是后进后出
for (var i = 0; i < colors1.length; i++) {
alert(colors1[i]); //最后显示push添加进去的数组项，说明了push是后添加进来的,然后最后显示
}
colors1.pop();
for (var i = 0; i < colors1.length; i++) {
alert(colors1[i]); //pop从数组的末尾移除最后一项
}
alert(colors1.shift()); //去掉第一项，在这里仅仅显示第一项
alert(colors1.indexOf("blue")); //输出blue的索引值
alert(colors1.lastIndexOf("orange")); //虽然是查找从后面开始，但是索引值和indexOf的索引是一样的
alert(colors1.concat(colors1,"数组")); //连接 在这里可以是两个数组，也可以是字符串等
</script>
<script>
var colors = new Array(3); //数组的长度为3
colors[0] = "string";
colors[1] = 234;
colors[2] = true;
alert(colors1.reverse()); //使数组项倒叙输出
alert(colors1.sort()); //当为字符串数组时使用sort方法输出的顺序为按照第一个字母顺序
var num = new Array(1, 2, 3, 4, 12, 23, 45);
alert(num.sort()); //输出的结果为1,12,2,23,3,4,45，其实sort方法是仅仅按照第一位数字排序
function compare(num1, num2) { //定义一个方法，作为sort的参数，这里是按照从小到大的顺序
if (num1 > num2) {
return 1;
}
else if (num1 < num2) {
return -1;
}
else {
return 0;
}
}
function compare(num1, num2) { //在sort方法中可以判断正负数，所以当我们按照从小到大的顺序时间可以写这个方法
num1 - num2;
}
function compare(num1, num2) { //定义一个方法，作为sort的参数，这里是按照从大到小的顺序，
if (num1 > num2) { //即返回值取反即可，也可以先获取升序，然后通过reverse实现倒序即可
return -1;
}
else if (num1 < num2) {
return 1;
}
else {
return 0;
}
}
alert(num.sort(desc));
var arr = []; //数组的项可以为空，然后通过下面添加项即可
arr[5] = "1"; //也可以不从0开始添加值，但是为添加项的值都或显示为undefined
arr[6] = 2;
for (var i = 0; i < arr.length; i++) { //显示数组的长度仍然是遍历
alert(arr[i]);
}
alert(arr.length); //在这里length也是求取数组的长度
</script>
<script> //包装类型 //-------------------Undefined--------------- var undefinedmsg = undefined; alert(undefinedmsg == undefined); //在这里主要是认识undefined //----------------------Null----------------- var nullmsg = null; alert(nullmsg==null); //----------------------Boolean-------------- var boolmsg1 = "msg"; var boolmsg2 = Boolean("msg"); //字符串类型的也可以转换为bool类型的 alert(typeof boolmsg2); //转换为boolean //-----------------数字类型Number------------- var num = 12; //alert(Number.MAX_VALUE); //这里是javascript在数字类型中能存储的最大的值 //alert(Number.MIN_VALUE); //这里是javascript在数字类型中能存储的最小的值 var num1 = "12"; var num2 = Number(num1); //转换为Number类型 var num3 = parseInt(num1); //也可以使用parseInt转为类型 var folatnum = 123.098; var folatnum1 = parseFloat(folatnum); //转换为float类型的 alert(typeof num2); alert(typeof num3); alert(typeof folatnum1); //----------------------String----------------- var stringnum = "myfavorite"; var num = 123; alert(num.toString(8)); //可以使用toString()把int类型转换为string,在这里可以改变进制， 当为8则转换为八进制，可以是2、8，10,16，如果为空，则默认转换为十进制 alert(typeof (stringnum + num)); //字符串和int类型的可以连接然后都转变为string类型的 alert(num.toLocaleString()); //也可以使用此方法转换为string类型 //--------------------Object类型---------------- //var objectnum = new Object(); //定义Object类型 //---------------------function类型-------------- function msgShow(name,pwd) { //定义方法，首先为关键字function，然后为方法名（） alert("hello"+name+" my pwd is"+pwd); } msgShow(" snow"," 123"); //方法记得需要调用 function nsgShowManyArgs() { alert(arguments[0] + arguments[1] + arguments[2]); } //在这里是使用一个arguments来接收方法传的参数，需要注意的 nsgShowManyArgs(1, 2); //是参数的个数小于方法体中arguments的个数，则会返回一个NaN，当参数的个数大于大于 nsgShowManyArgs(1, 2,3,4); //arguments的个数则只显示和自己个数相等的参数 //--------------------------方法没有重载------------------ function msgShowSubOrAdd(num1, num2) { alert(num1 - num2); } function msgShowSubOrAdd(num1, num2) { alert(num1 + num2); } msgShowSubOrAdd(3,4); //在这里一直都是调用第二个方法 //---------------------没用块级作用域---------------------- function msgfor() { var num = [1,2,3,4,5,6,7]; for (var i = 0; i < num.length; i++) { //alert(num[i]); } alert(num[i]); //在这里i不会报错，但是可能不会出现结果 } msgfor(); var msg = true; if (msg == true) { var color = "blue"; } alert(color); //可以弹出blue，而color在if语句中定义的 </script>
var date = new Date(); alert(date.getDate()); //结果是7，在这里可以认为是输出了当前的每日的日的值 alert(date.getDay()); //输出的是3，可知是得到当前的星期几 alert(date.getFullYear()); //输出的2015，即是当前的年份 alert(date.getHours()); //输出的是17，当前的小时的值 alert(date.getMilliseconds()); //输出的是533，输出的是毫秒数字 alert(date.getMinutes()); //输出的是6，输出当前的分钟数 alert(date.getMonth()); //返回0，即返回月份，从0开始，到11结束 alert(date.getSeconds()); //输出30，即输出日期中的秒数 alert(date.getTime()); //返回日期的毫秒数，与valueof方法返回值相同，从当天的0:00开始起计算毫秒
上面就是总结了我之前定义的定义的那些，想了解的更清楚可以去这个里面看一下（http://www.cnblogs.com/dyxd/p/4209768.html），是定义的javascript的学习，但是那时间想过多的先认识javascript，知道它需要学习的内容，大致的了解一下学习起来思路更清晰的啦，嘿嘿，而写上面这些方法时间需要注意的是排序的方法的使用，即sort和reverse，还有every方法在传参时间也需要注意，但是我没想明白的是every使用数组的名称调用的方法为什么还要传参时间传入一个数组那？另外，在学习pop和push方法时也是很特殊的，一个是先进先出，一个是后进后出，这里指的是参数。
二.window的方法以及其他方法
<script> window.setInterval(function () { alert("ok") }, 1000); //两个参数，第一二个参数是设置的内容，第二个为没隔多久设置的内容出现一次 window.setInterval("alert(ok)",2000); //第一个参数可以使字符串，也可以是一个方法 window.setTimeout(function () { alert("ok") }, 1000); //仅仅执行一次 window.setTimeout("alert(‘ok‘)", 2000); </script>
<body>
<div id="div1">
div1
</div>
<div name="e">
div2
</div>
<p name="e">我是P标签</p>
<p>我也是P标签</p>
<script>
var divmsg = document.getElementsByName("e");
for (var i = 0; i < divmsg.length; i++) {
alert(divmsg[i].innerHTML); //把元素的文本信息显示在提示框中
}
</script>
</body>
<script> alert(window.innerHeight + "我是一只小小鸟" + window.innerWidth); //显示信息在屏幕内的坐标位置 window.open("http://www.baudu.com", "baidu", "height=400,weight=500,top=10,left=100,resizable=yes"); //在这里是弹出窗口的位置以及大小，resizable是指页面标题是否可变 window.close(); //关闭 </script>
var arraynum = ["张三", "李四", 123, true, 1.414]; var everynum = arraynum.every(function (index, item, arraynum) {return item>1}); //alert(everynum); //在这里需要三个参数，index为索引， //item是每项的值，arraynum为数组，在这里感觉数组.every，怎么在参数中还需要传入一个参数数组 for (var itemnum in arraynum) { //alert(itemnum); //输出的是索引 } //alert(arraynum.shift()); //取出数组中的第一项 alert(arraynum.unshift("red")); //添加新项并返回新的数组的长度
<p>页面1<a href="001.html">页面2</a></p> <a onclick="window.history.go(-1)">回到上一页面</a> <!--返回上一页--> <!--<a onclick="window.history.back()">回到上一页面</a> --><!--返回上一页-->
alert(window.location.host); //主机 alert(window.location.href); //当前页面的url地址
好啦，今天就写到这里啦，写的这些练习还是初步认识javascript时间的学习，告别了一周的学习，感觉这周学习的知识终于总结完啦，心情是无比的愉悦哦，嘿嘿，不过嘛，这些还不是应该高兴的时间啦，是希望练习后自己能够掌握的啦，我会努力的，给自己鼓励！嘿嘿。
标签：
原文地址：http://www.cnblogs.com/dyxd/p/4216008.html
