嘿嘿,又到了周末时间,周六其实就是总结这周的学习的,记得周二周三刚开始接触javascript时间,还是不知道怎么学习的,就感觉找不到方向,那时间学习的只是总结了一些简单的定义或者是学习结构,今天就把这些重新练习了一下,感觉还是蛮容易找到学习的兴趣的,顿时就默默的开始了今天的练习过程。今天就总结下初步认识javascript时间的一些实例,记得前面总结的并不完全,所以在这里总结一下基本概念。

一.基本的认识一些类型和方法

  1. <script>
  2. var colors = new Array(); //数组的长度为3
  3. colors[] = "string";
  4. colors[] = ;
  5. colors[] = true;
  6. for (var i = ; i < colors.length; i++) {
  7. alert(colors[i]); //遍历出数组的每一项值
  8. }
  9.  
  10. var colors1 = new Array("red", "blue", "yellow","black","white","orange","green");
  11. colors1.push("zhansgan"); //push是后进后出
  12. for (var i = ; i < colors1.length; i++) {
  13. alert(colors1[i]); //最后显示push添加进去的数组项,说明了push是后添加进来的,然后最后显示
  14. }
  15.  
  16. colors1.pop();
  17. for (var i = ; i < colors1.length; i++) {
  18. alert(colors1[i]); //pop从数组的末尾移除最后一项
  19. }
  20.  
  21. alert(colors1.shift()); //去掉第一项,在这里仅仅显示第一项
  22.  
  23. alert(colors1.indexOf("blue")); //输出blue的索引值
  24. alert(colors1.lastIndexOf("orange")); //虽然是查找从后面开始,但是索引值和indexOf的索引是一样的
  25. alert(colors1.concat(colors1,"数组")); //连接 在这里可以是两个数组,也可以是字符串等
  26. </script>
  1. <script>
  2. var colors = new Array(); //数组的长度为3
  3. colors[] = "string";
  4. colors[] = ;
  5. colors[] = true;
  6. alert(colors1.reverse()); //使数组项倒叙输出
  7. alert(colors1.sort()); //当为字符串数组时使用sort方法输出的顺序为按照第一个字母顺序
  8.  
  9. var num = new Array(, , , , , , );
  10. alert(num.sort()); //输出的结果为1,12,2,23,3,4,45,其实sort方法是仅仅按照第一位数字排序
  11. function compare(num1, num2) { //定义一个方法,作为sort的参数,这里是按照从小到大的顺序
  12. if (num1 > num2) {
  13. return ;
  14. }
  15. else if (num1 < num2) {
  16. return -;
  17. }
  18. else {
  19. return ;
  20. }
  21. }
  22. function compare(num1, num2) { //在sort方法中可以判断正负数,所以当我们按照从小到大的顺序时间可以写这个方法
  23. num1 - num2;
  24. }
  25.  
  26. function compare(num1, num2) { //定义一个方法,作为sort的参数,这里是按照从大到小的顺序,
  27. if (num1 > num2) { //即返回值取反即可,也可以先获取升序,然后通过reverse实现倒序即可
  28. return -;
  29. }
  30. else if (num1 < num2) {
  31. return ;
  32. }
  33. else {
  34. return ;
  35. }
  36. }
  37. alert(num.sort(desc));
  38. var arr = []; //数组的项可以为空,然后通过下面添加项即可
  39. arr[] = ""; //也可以不从0开始添加值,但是为添加项的值都或显示为undefined
  40. arr[] = ;
  41. for (var i = ; i < arr.length; i++) { //显示数组的长度仍然是遍历
  42. alert(arr[i]);
  43. }
  44. alert(arr.length); //在这里length也是求取数组的长度
  45. </script>
  1. <script> //包装类型
  2. //-------------------Undefined---------------
  3. var undefinedmsg = undefined;
  4. alert(undefinedmsg == undefined); //在这里主要是认识undefined
  5.  
  6. //----------------------Null-----------------
  7. var nullmsg = null;
  8. alert(nullmsg==null);
  9.  
  10. //----------------------Boolean--------------
  11. var boolmsg1 = "msg";
  12. var boolmsg2 = Boolean("msg"); //字符串类型的也可以转换为bool类型的
  13. alert(typeof boolmsg2); //转换为boolean
  14.  
  15. //-----------------数字类型Number-------------
  16. var num = ;
  17. //alert(Number.MAX_VALUE); //这里是javascript在数字类型中能存储的最大的值
  18. //alert(Number.MIN_VALUE); //这里是javascript在数字类型中能存储的最小的值
  19. var num1 = "";
  20. var num2 = Number(num1); //转换为Number类型
  21. var num3 = parseInt(num1); //也可以使用parseInt转为类型
  22. var folatnum = 123.098;
  23. var folatnum1 = parseFloat(folatnum); //转换为float类型的
  24. alert(typeof num2);
  25. alert(typeof num3);
  26. alert(typeof folatnum1);
  27.  
  28. //----------------------String-----------------
  29. var stringnum = "myfavorite";
  30. var num = ;
  31. alert(num.toString()); //可以使用toString()把int类型转换为string,在这里可以改变进制,
  32. 当为8则转换为八进制,可以是2、,,,如果为空,则默认转换为十进制
  33. alert(typeof (stringnum + num)); //字符串和int类型的可以连接然后都转变为string类型的
  34. alert(num.toLocaleString()); //也可以使用此方法转换为string类型
  35.  
  36. //--------------------Object类型----------------
  37. //var objectnum = new Object(); //定义Object类型
  38.  
  39. //---------------------function类型--------------
  40. function msgShow(name,pwd) { //定义方法,首先为关键字function,然后为方法名()
  41. alert("hello"+name+" my pwd is"+pwd);
  42. }
  43. msgShow(" snow",""); //方法记得需要调用
  44.  
  45. function nsgShowManyArgs() {
  46. alert(arguments[] + arguments[] + arguments[]);
  47. } //在这里是使用一个arguments来接收方法传的参数,需要注意的
  48. nsgShowManyArgs(, ); //是参数的个数小于方法体中arguments的个数,则会返回一个NaN,当参数的个数大于大于
  49. nsgShowManyArgs(, ,,); //arguments的个数则只显示和自己个数相等的参数
  50.  
  51. //--------------------------方法没有重载------------------
  52. function msgShowSubOrAdd(num1, num2) {
  53. alert(num1 - num2);
  54. }
  55. function msgShowSubOrAdd(num1, num2) {
  56. alert(num1 + num2);
  57. }
  58. msgShowSubOrAdd(,); //在这里一直都是调用第二个方法
  59.  
  60. //---------------------没用块级作用域----------------------
  61. function msgfor() {
  62. var num = [,,,,,,];
  63. for (var i = ; i < num.length; i++) {
  64. //alert(num[i]);
  65. }
  66. alert(num[i]); //在这里i不会报错,但是可能不会出现结果
  67. }
  68. msgfor();
  69.  
  70. var msg = true;
  71. if (msg == true) {
  72. var color = "blue";
  73. }
  74. alert(color); //可以弹出blue,而color在if语句中定义的
  75. </script>
  1. var date = new Date();
  2. alert(date.getDate()); //结果是7,在这里可以认为是输出了当前的每日的日的值
  3. alert(date.getDay()); //输出的是3,可知是得到当前的星期几
  4. alert(date.getFullYear()); //输出的2015,即是当前的年份
  5. alert(date.getHours()); //输出的是17,当前的小时的值
  6. alert(date.getMilliseconds()); //输出的是533,输出的是毫秒数字
  7. alert(date.getMinutes()); //输出的是6,输出当前的分钟数
  8. alert(date.getMonth()); //返回0,即返回月份,从0开始,到11结束
  9. alert(date.getSeconds()); //输出30,即输出日期中的秒数
  10. alert(date.getTime()); //返回日期的毫秒数,与valueof方法返回值相同,从当天的0:00开始起计算毫秒

上面就是总结了我之前定义的定义的那些,想了解的更清楚可以去这个里面看一下(http://www.cnblogs.com/dyxd/p/4209768.html),是定义的javascript的学习,但是那时间想过多的先认识javascript,知道它需要学习的内容,大致的了解一下学习起来思路更清晰的啦,嘿嘿,而写上面这些方法时间需要注意的是排序的方法的使用,即sort和reverse,还有every方法在传参时间也需要注意,但是我没想明白的是every使用数组的名称调用的方法为什么还要传参时间传入一个数组那?另外,在学习pop和push方法时也是很特殊的,一个是先进先出,一个是后进后出,这里指的是参数。

二.window的方法以及其他方法

  1. <script>
  2. window.setInterval(function () { alert("ok") }, ); //两个参数,第一二个参数是设置的内容,第二个为没隔多久设置的内容出现一次
  3. window.setInterval("alert(ok)",); //第一个参数可以使字符串,也可以是一个方法
  4.  
  5. window.setTimeout(function () { alert("ok") }, ); //仅仅执行一次
  6. window.setTimeout("alert('ok')", );
  7. </script>
  1. <body>
  2. <div id="div1">
  3. div1
  4. </div>
  5. <div name="e">
  6. div2
  7. </div>
  8. <p name="e">我是P标签</p>
  9. <p>我也是P标签</p>
  10. <script>
  11. var divmsg = document.getElementsByName("e");
  12. for (var i = ; i < divmsg.length; i++) {
  13. alert(divmsg[i].innerHTML); //把元素的文本信息显示在提示框中
  14. }
  15. </script>
  16. </body>
  1. <script>
  2. alert(window.innerHeight + "我是一只小小鸟" + window.innerWidth); //显示信息在屏幕内的坐标位置
  3.  
  4. window.open("http://www.baudu.com", "baidu", "height=400,weight=500,top=10,left=100,resizable=yes");
  5. //在这里是弹出窗口的位置以及大小,resizable是指页面标题是否可变
  6. window.close(); //关闭
  7. </script>
  1. var arraynum = ["张三", "李四", , true, 1.414];
  2. var everynum = arraynum.every(function (index, item, arraynum) {return item>});
  3. //alert(everynum); //在这里需要三个参数,index为索引,
  4. //item是每项的值,arraynum为数组,在这里感觉数组.every,怎么在参数中还需要传入一个参数数组
  5.  
  6. for (var itemnum in arraynum) {
  7. //alert(itemnum); //输出的是索引
  8. }
  9.  
  10. //alert(arraynum.shift()); //取出数组中的第一项
  11. alert(arraynum.unshift("red")); //添加新项并返回新的数组的长度
  1. <p>页面1<a href="001.html">页面2</a></p>
  2. <a onclick="window.history.go(-1)">回到上一页面</a> <!--返回上一页-->
  3. <!--<a onclick="window.history.back()">回到上一页面</a> --><!--返回上一页-->
  1. alert(window.location.host); //主机
  2. alert(window.location.href); //当前页面的url地址

好啦,今天就写到这里啦,写的这些练习还是初步认识javascript时间的学习,告别了一周的学习,感觉这周学习的知识终于总结完啦,心情是无比的愉悦哦,嘿嘿,不过嘛,这些还不是应该高兴的时间啦,是希望练习后自己能够掌握的啦,我会努力的,给自己鼓励!嘿嘿。

初步总结javascript中学习DOM之前的知识的更多相关文章

  1. 借助JavaScript中的Dom属性改变Html中Table边框的颜色

    借助JavaScript中的Dom属性改变Html中Table边框的颜色 -------------------- <html> <head> <title>我是页 ...

  2. javascript中获取dom元素的高度和宽度

    javascript中获取dom元素高度和宽度的方法如下: 网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网 ...

  3. javascript中获取dom元素高度和宽度

    javascript中获取dom元素高度和宽度的方法如下: 网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网 ...

  4. js | javascript中获取dom元素的高度和宽度

    javascript中获取dom元素高度和宽度的方法如下: 网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网 ...

  5. JavaScript中的DOM及相关操作

    一.什么是DOM JavaScript由ECMAScript.DOM和BOM三部分组成,其中DOM代表描述网页内容的方法和接口,即文档对象模型(Document Object Model).在网页上, ...

  6. java基础62 JavaScript中的函数(网页知识)

    1.JavaScript中,函数的格式 function 函数名(形参列表){ 函数体; } 2.JavaScript中,函数需要注意的细节 1.在javaScript中,函数定义形参时,是不能使用v ...

  7. 一些JavaScript中的DOM的优化小技巧

    在进行DOM优化时需要关注的问题有:修改DOM的时候,会引起页面的重排,重绘.因为JS是单线程执行的,那么在重排重绘的过程中可能会阻塞用户的操作.为了更好的用户体验,必须要严格控制这些操作. 一.对象 ...

  8. javascript中的DOM介绍(一)

    一.基础知识点 1.DOM是文档对象模型,是针对HTML和XML文档的一个API(应用程序接口) 2.DOM描绘了一个层次化的节点数,允许开发人员进行添加,移除个修改等操作 3.IE浏览器中所有的DO ...

  9. Javascript中的DOM实现显示鼠标的空间位置

    为了显示鼠标相对于浏览器的位置(相对于屏幕和页面类似),我们能够利用click事件,获得关于鼠标单击的事件对象event.这个事件对象里的clientX和clientY包括了鼠标的位置信息,所以我突发 ...

随机推荐

  1. android AlertDialog.Builder

    AlertDialog的构造方法全部是Protected的,所以不能直接通过new一个AlertDialog来创建出一个AlertDialog. 要创建一个AlertDialog,就要用到AlertD ...

  2. IDEA 创建git 分支 拉取分支

        此时只是在本地创建好了分支,修改源代码后add,commit将本地分支提交到远程仓库          分支已创建,其它成员此时就可以从git拉分支

  3. Android  <meta-data>

    在AndroidManifest.xml中,<meta-data>元素可以作为子元素,被包含在<activity>.<application>.<servic ...

  4. SAP ML 物料分类账详解(含取消激活物料帐方法)

    一.业务背景: 中国会计准则规定,对存货的核算必须采用历史成本法(即实际成本法).如果企业采用计划成本法或者定额成本法进行日常核算的,应当按期结转其成本差异,将计划成本或者定额成本调整为实际成本. “ ...

  5. Batch normalization:accelerating deep network training by reducing internal covariate shift的笔记

    说实话,这篇paper看了很久,,到现在对里面的一些东西还不是很好的理解. 下面是我的理解,当同行看到的话,留言交流交流啊!!!!! 这篇文章的中心点:围绕着如何降低  internal covari ...

  6. mysql -- 远程访问mysql的解决方案

    1.改表法 可能是你的帐号不允许从远程登陆,只能在localhost.这个时候只要在localhost的那台电脑,登入mysql后,更改 "mysql" 数据库里的 "u ...

  7. Java NIO案例

    Java 网络IO编程总结(BIO.NIO.AIO均含完整实例代码)   http://blog.csdn.net/anxpp/article/details/51512200 Java NIO框架N ...

  8. Dynamics CRM 2015/2016 Web API:聚合查询

    各位小伙伴们,今天是博主2016年发的第一篇文章.首先祝大家新年快乐.工资Double,哈哈.今天我们来看一个比較重要的Feature--使用Web API运行FetchXML查询! 对的,各位.你们 ...

  9. js 操作json对象增删改

    //将表单序列化成字符串 $.fn.serializeObject = function () { var obj = {}; var count = 0; $.each(this.serialize ...

  10. CURL 常用参数

    在Linux中curl是一个利用URL规则在命令行下工作的文件传输工具,可以说是一款很强大的http命令行工具. 1.查看响应头信息: -I :显示http response的头信息. [root@l ...