/******************************
* 2017年09月26日
* 内容:JavaScript的基本知识
******************************/
一、为什么出现JavaScript
二、JavaScript的变量类型与函数使用
三、JavaScript事件的使用
四、JavaScript常用对象
五、DOM技术
一、为什么出现JavaScript?
我的老师与我自己搜集的资料是一样的结果:在js出现以前,客户浏览器与服务器之间的交互是通过一个个网页来实现的,与现在不同的是,以前的客户浏览器端容错处理较少,查错都交给了服务器,如果用户输入错误或不合法的信息,就会发给服务器,服务器处理后发现数据不对,就重新发送新网页给客户重新输入,这样就增加了服务器的工作量,造成了胖服务器的现象,要是处理的数据量过大,服务器很容易崩溃;现在有了js,就可以在客户端进行查错处理,保证发送给服务器的是合法的数据,这样就极大的减轻了服务器的工作量。
二、JavaScript的变量类型与函数使用
1、变量类型
主要可以分为这么几大类:number、string、boolean,另外还有几个查错当做警告信息的类型:undefined、NaN(Not a Number的缩写)。
js的变量声明要求没有那么严格,一切变量都可以用var来声明,至于变量到底是什么类型的,看赋给它的值是什么。不过有些太随便,我曾经在《JavaScript从入门到精通》这本书中看到,变量不声明都可以,当然不建议这样做。
2、函数的使用
一般情况下,js代码放在script标签下,而且标签放到哪里js代码就从哪里执行,但是有另外一种情况,就是函数的使用,与其他编程语言一样,函数只有在调用的时候才会执行;那么函数可以在哪里执行呢?两个地方:js代码段中,事件。
3、声明函数的格式
function click(var a){
//代码
return a;
}
说明:函数的基本声明方法与其他编程语言无异,只是必须要加function关键字,可以有形参,返回值和权限一类的东西统统不要,想为函数返回一个值直接return值就可以,然后调用方法与Java无异。
三、JavaScript事件的简单使用
1、表单验证(在form表单中点击提交按钮时自动检测表单中各元素的内容并给予相应提示)可以使用两种方法来实现:spry表单与js代码验证。(为什么要说这个?老师问了我们这个问题,js都知道,但是没有人说spry表单,我第一反应就是spry表单,因为当时学的时候印象实在太深刻了,但是没有一个人说,我都小声说了好几遍,都快急哭了但就是不敢说,应该是有谁听见了站起来说了,无语ing)
2、事件的使用
两种使用方法:在标签中添加相关的事件属性,属性的值就是方法的名称,如<input type="button" οnclick="c()" value="test">,也可以添加多个方法,只要在多个方法之间添加逗号即可;
在js代码中获取相关对象,调用对象的属性添加事件,如 以下代码
说明:每一条注释都是一种独立的方法。另外说明一下我在写的过程中遇到的问题:1、getElementByID()获取对象为null,原因可能有二:一是该方法之前没有加 document. ,我记得明明是不加也可以的,但是以后还是加上吧;二是script标签放置的位置,在没有函数的情况下,放在最前面的js代码是一开始就运行的,但是刚开始时我们的按钮还没有加载上,所以加载出来是一个null,解决方法是js代码(script标签)至少要在获取的id对象所在的标签(input)下面,所以我放在了最后,还有一种解决方法就是定义函数,但在这个例子中必要性不大。主要还是练得少,但是现在知道了。
四、JavaScript常用对象
我只说几个比较重要的,老师说一定要会的,因为用法再写就太繁琐了,网上书本上一搜一大把。以后会贴上几个实例。
String对象、Date对象(注意获取当前时间的方法,分别获取年、月、日、时、分、秒的方法)、window对象、document对象、history对象、location对象等,目前我就接触了这几个,练得太少,实际应用不多。window、document、Date、String对象是重点,以后深入了解还会再记录。
五、DOM技术
* 2017年09月26日
* 内容:JavaScript的基本知识
******************************/
一、为什么出现JavaScript
二、JavaScript的变量类型与函数使用
三、JavaScript事件的使用
四、JavaScript常用对象
五、DOM技术
一、为什么出现JavaScript?
我的老师与我自己搜集的资料是一样的结果:在js出现以前,客户浏览器与服务器之间的交互是通过一个个网页来实现的,与现在不同的是,以前的客户浏览器端容错处理较少,查错都交给了服务器,如果用户输入错误或不合法的信息,就会发给服务器,服务器处理后发现数据不对,就重新发送新网页给客户重新输入,这样就增加了服务器的工作量,造成了胖服务器的现象,要是处理的数据量过大,服务器很容易崩溃;现在有了js,就可以在客户端进行查错处理,保证发送给服务器的是合法的数据,这样就极大的减轻了服务器的工作量。
二、JavaScript的变量类型与函数使用
1、变量类型
主要可以分为这么几大类:number、string、boolean,另外还有几个查错当做警告信息的类型:undefined、NaN(Not a Number的缩写)。
js的变量声明要求没有那么严格,一切变量都可以用var来声明,至于变量到底是什么类型的,看赋给它的值是什么。不过有些太随便,我曾经在《JavaScript从入门到精通》这本书中看到,变量不声明都可以,当然不建议这样做。
2、函数的使用
一般情况下,js代码放在script标签下,而且标签放到哪里js代码就从哪里执行,但是有另外一种情况,就是函数的使用,与其他编程语言一样,函数只有在调用的时候才会执行;那么函数可以在哪里执行呢?两个地方:js代码段中,事件。
3、声明函数的格式
function click(var a){
//代码
return a;
}
说明:函数的基本声明方法与其他编程语言无异,只是必须要加function关键字,可以有形参,返回值和权限一类的东西统统不要,想为函数返回一个值直接return值就可以,然后调用方法与Java无异。
三、JavaScript事件的简单使用
1、表单验证(在form表单中点击提交按钮时自动检测表单中各元素的内容并给予相应提示)可以使用两种方法来实现:spry表单与js代码验证。(为什么要说这个?老师问了我们这个问题,js都知道,但是没有人说spry表单,我第一反应就是spry表单,因为当时学的时候印象实在太深刻了,但是没有一个人说,我都小声说了好几遍,都快急哭了但就是不敢说,应该是有谁听见了站起来说了,无语ing)
2、事件的使用
两种使用方法:在标签中添加相关的事件属性,属性的值就是方法的名称,如<input type="button" οnclick="c()" value="test">,也可以添加多个方法,只要在多个方法之间添加逗号即可;
在js代码中获取相关对象,调用对象的属性添加事件,如 以下代码
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<input type="button" id="ac" value="test" οnclick="d(),c()" />
</body>
<script type="text/javascript">
var ac=document.getElementById("ac");
function c(){
alert("程序执行");
}
function d(){
alert("程序执行2");
}
//ac.οnclick=c;
//ac.οnclick=function(){c();d();}
/*ac.οnclick=function(){
alert("程序执行3");
}*/
</script>
</html>
说明:每一条注释都是一种独立的方法。另外说明一下我在写的过程中遇到的问题:1、getElementByID()获取对象为null,原因可能有二:一是该方法之前没有加 document. ,我记得明明是不加也可以的,但是以后还是加上吧;二是script标签放置的位置,在没有函数的情况下,放在最前面的js代码是一开始就运行的,但是刚开始时我们的按钮还没有加载上,所以加载出来是一个null,解决方法是js代码(script标签)至少要在获取的id对象所在的标签(input)下面,所以我放在了最后,还有一种解决方法就是定义函数,但在这个例子中必要性不大。主要还是练得少,但是现在知道了。
四、JavaScript常用对象
我只说几个比较重要的,老师说一定要会的,因为用法再写就太繁琐了,网上书本上一搜一大把。以后会贴上几个实例。
String对象、Date对象(注意获取当前时间的方法,分别获取年、月、日、时、分、秒的方法)、window对象、document对象、history对象、location对象等,目前我就接触了这几个,练得太少,实际应用不多。window、document、Date、String对象是重点,以后深入了解还会再记录。
五、DOM技术
课本上讲的比较浅显。主要就是说Document对象的层次文档结构图,从document对象开始,HTML为根节点,其下的body与head是其并列的子节点,head下还有其他子节点,body也是。而通过这个DOM树结构,我们可以访问到HTML文档中的任何一个元素,主要是使用childNodes属性,它的类型是NodeList类型的集合。通过childNodes属性可以访问到HTML里的任何一个元素。
——小白的学习笔记