暑假快速学习JavaScript的学习笔记

来源：互联网发布：java startwith 正则编辑：程序博客网时间：2024/06/05 02:01

在快速学习过html和css之后，我开始在w3chool上学习JavaScroipt了。因为是快速学习，就是要锻炼自己快速学习的能力，毕竟将来在工作岗位上还需要学习很多知识，如果只是按照在课堂上的学习的模式的话，那么将来我肯定会被淘汰。所以我在快速学习的时候根基不是很稳，在写博客的时候，既可以当做是对之前的学习轨迹的一个记录，也可以当做是对JavaScript的一个复习。

在html中的脚本必须放在<script>和</script>标签之间。而脚本既可以放在html的<body>和<head>部分中。事实上，JavaScript还可以保存的外部文件中，扩展名是.js。在使用的时候需要在<script>中加入src。

说完了JS的位置，下面就是JS操作HTML。如果需要用JS操作HTML的某个元素，可以使用document.getElementById(id)的方法（这里需要说明的一点是JS对大小写是敏感的，即如果在写的时候大小写用错了，可能就会导致不可想象的错误。）当然document.getElementById(id)只是找到了相应id的元素。如果需要对该元素进行更改则需要document.getElemetById(id).innerHTML=" "来进行更改。一般来说（就我在w3chool上看到了例子）一般都是结合button来实现，一般语句是<button id="" onClick="函数名">Click me!</button>。就是一点这个按钮就会执行这个函数。可能也是为了教学方便吧。而如果想要输出文档的内容，则需要document.write("")在括号内加上你所要写的内容。

JS的语句通常都是在每条可执行的语句后面加上分号，这点和c++很像。事实上JS在好多地方都和C有相似的地方，这点等会都会有体现。而且JS是忽略空格的，JS在执行的时候是不需要编译的。并且JS的注释方法和c++是一样的。

JS的变量设定，都是由var开始的，符合先声明后赋值的原则。JS的变量比较厉害的是不管你的类型是什么，通通都用var（至少现在我所见的是这样的，int,string等都是用var，如果有特殊情况的话我还会回来修改的。）但是JS的数字要么就是带小数点的要么就是不带的。JS的数组声明就是var a=new array()。在（）内可以声明你想要的数组的长度。和C++一样，数组的下标都是从0开始。但是有一点不同的是，你是可以在括号内进行赋值的。还有一个就是JS的对象。这个对象感觉和C++里面的结构体有点像。假如是想声明一个新的变量，一般使用new。JS的变量都是对象。每当声明了一个变量，就是声明了一个新的对象。

JS的函数和C的函数也有区别。JS的的函数的声明全部是以function来开头的。在function后面紧跟着的是函数名称。在函数名称后面的括号内是可以自己加参数的。这点和c是一样的。在JS里面，函数也是可以有返回值的，语法也是return。和C一样，return之后会返回到调用函数的地方，函数调用也会被返回值取代。在C中，每一个变量都有生命周期，JS里面也是如此。JS的全局变量是在函数外声明的变量，页面上所有的脚本和函数都可以访问它。而局部变量会在函数执行完被删除。

JS的运算符和C有很多的相似。不同的就是在Js中，如果对象是两个字符串型的，那么加号就可以连接两个字符串。在比较的符号上，JS有一个===表示全等（就是类型和值都一样。可以理解，因为JS的类型都是由var给出的）。剩下的都和C一样。if..else的用法和C是完全一样的。switch的用法和C是完全一样的。在循环里面，for while do while都和C是一样的。而JS独有的for/in是用来遍历对象的属性的。

下面就是JS的对象了。JS里面所有的事物都是对象。对象是拥有属性和方法的数据。一般属性和方法都是在对象的后面加一个点。而JS提供多个内建对象比如Date等等。创建JS的对象有两种不同的方法。一种是直接创造，还有一种就是利用对象构造器，就是函数构造法。一般的语法为function A(a1,a2,a3..){this.a1=a1;this.a2=a2;this.a3=a3..}然后在创造JS对象的时候直接就可以var a=new A(a1,a2,a3..)但是要注意的是如果a1是string型的话赋值的时候要加上双引号。

JS的string对象和C的差异不是很大。合并字符串的差别在上面已经说到了，剩下的就是一些函数的差异，这个在具体用的时候再查。

JS日期对象是比较独特的。在创建Date对象的时候直接就是new Date()并且Date对象自动使用当前的日期和时间作为初始值。如果想给日期对象赋值那么可以使用一个函数就是setFullYear()来实现。其中月份的参数要格外注意。（其参数是从0-11的，0代表1月，一次类推。）在日期中进行大小比较是比较日期的先后。大于的意思的前一个日期先于后一个日期，小于则相反。还有就是一些常用的函数。toUTCString()是把日期转换成字符串。而getDay()是和数组一起使用来显示星期。一般直接直接使用getDay()是显示0-6,其中0是表示星期天，下来以此类推。如果我们想实现在网页上显示星期几的话那么就只需要一个数组就行了。

JS的数组上面也提到了。它的一些操作就是合并两个数组用concat()函数。如果想实现用数组的元素合成字符串的话用jion()函数，而且可以在括号内加入链接的符号，默认是逗号。sort()函数是排序用的，适用于文字数组和数字数组。

JS的Math对象。其中round()是进行四舍五入的。random()是来返回0-1之间的随机数的。max()和min()是分别返回最大数和最小数的。

下面学习的都是一些比较有意思的。即BOM模型。其中JS Window，JS Screen就快速略过。JS Location是用来获得当前页面的地址，并把浏览器重定向到新的页面。location.href是返回当前页面的URL的。location Assign("url")是用来加载新文档的。url的加载新文档的地址。history的功能就是实现上一页下一页的。history.back()是实现上一页的，history.forward()是实现下一页的。下面就是JS的消息框了。有警告框，确认框，提示框。警告框就是alert("")，如果文本的内容过长，可以使用\n来转行。确认框的confirm("")。一般设置确认框的时候都要设置一个变量。var r=confirm(""),配合着if..else实现选择后的结果。而提示框就是prompt可以实现输入。在输入之后，就可以利用输入的内容进行一些操作，一般就是进行问候。

下面就是JS Timing。一般最经常使用的函数是setTimeOut("js语句"，时间)。（时间一般是用毫秒来的，1000为一秒。）如果想做一个无限计时的小网页的话。function timedCount()
{
document.getElementById('txt').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}

JS cookie到时候再总结。

阅读全文

0 0