JavaScript基础

 

定义：

JavaScript是一种基于对象和时间驱动并具有安全性能的脚本语言，有了JavaScript，可以使网页变得生动。

 

为什么使用？

使用它的目的是与HTML超文本标识语言，Java脚本语言一起实现在一个网页中连接多个对象，与网络客户交互作用，从而可以开发客户端的应用程序。

 

怎样实现：

它是通过嵌入或调入在标准的HTML语言中实现的。

 

历史：

Javascript语言前身叫做Livescript。自从Sun公司推出著名的Java语言后，Netscape公司引进了Sun公司有关Java的程序概念，将自己原有的Livescript重新进行设计，并改名为JavaScript。

Javascript是基于对象的编程，而不是完全一种完全的面向对象的编程。面向对象我们已经很熟悉了，对象可以理解为一个变量的集合体。

在JavaScript中，对象是有属性和方法两个基本的元素构成的。

 

JavaScript语法：

采用了顺序结构，循环结构，选择结构三大结构，这个在编程语言中太常见了，基本上是照葫芦画瓢，基本上都是一样的，在此不一一写了。

 

正则表达式： 

Javascript中比较新鲜的，之前没有接触过的就是正则表达式了。把视频中的几个正则表达式的小例子写下来了。

正则表达式通常被用来检索和/或替换那些符合某个模式的文本内容。就像windows里自带的搜索功能，正则表达式中一些功能与windows自带的搜索功能相似。

Demo1：最基本的替换

var str = "大奎是一个好人，我喜欢大奎"

var reg =/大奎/gi;                      //g是全局global，i是ingore忽略大小写（英文条件下——）

var tmp=str.replace(reg,"小强");

alert(tmp);

 

Demo2：匹配以XX为开头：用”^”符号

var reg =/^中/g;

var str = "中国万岁，我爱中国！";

var found = str.match(reg);

alert(found);

 

Demo3：匹配以XX为结尾：用”$”结尾

var reg = /t$/g;

var str = "good foot got god get";

str = str.replace(reg,"XX");

alert(str)

 

Demo4:表示任意一个字符

var reg = /想.想/g;

var str = "想一想，看一看，想想看，想想想，想看想看想";

var found = str.match(reg);

alert(found);

 

Demo5：匹配特殊字符 一需用/来添加特殊字符

var reg=//./g;

var str = "想.想";

var found = str.match(reg);

alert(found);

 

Demo6：字符集[...] 多选一   [^...]一个都不能选

var reg = /g[abc]t/g;

var str = "gat gbt gct gaaat gbbt"

var found = str.match(reg);

alert(found);

 

Demo7：限制输入为数字

/*var reg = /^/d/d/d$/g;

var str = "123";

var t = reg.test(str);

alert (t);*/

 

Demo8：

//规定只能输入的位数

//规定只能输入n-m个数字/d{n,m}

//规定字母/w

var reg = /^/d{6,18}$/g;

var str = "142343";

var t = reg.test(str);

if(t){

         alert("验证通过！");

}else{

         alert("验证未通过！");

}*/

 

Demo9：只能输入一个字符或者没有字符：?   一个以上:+  0个或者以上:*

var reg = /12?3/g;

var str = "123456 3654 1223 132 13";

var found = str.match(reg);

alert(found);

 

Demo10：选择符 |

var reg =/get|got/g;

var str = "geet got get geot sagdsa";

 

var found = str.match(reg);

alert(found);

 

Demo11：验证电话号码格式

         var reg=//d{4}|/d{3}-/d{7}/g;

var str ="111-1111111";

if(reg.test(str)){

         alert("验证通过");

}else{

         alert("验证未通过");

}

 

Demo12：验证只能为字母数字

//[a-z]:表示从a到z的所有小写字母

//[A-Z]:表示从A到Z的所有大写字母

//[0-9]:表示0到9的所有数字

var reg=/^[a-z]$/g;

var str = "G";

var t = reg.test(str);

if(t){

         alert("验证通过！");

}else{

         alert("验证未通过！");

}

 

最后在加一个验证表单的例子：

<script language="javascript" type="text/javascript">

         function check(){

                   var name = document.form1.name.value;

                   if(name==""||name==null){

                            alert("姓名不能为空");

                            return;

                   }

                   var reg = /^/s+$/g;

                   if(reg.test(name)){

                            alert("不能输入一连串的空格");

                            return;

                   }

                  

                   //只能输入中文

                   var realname = document.form1.realname.value;

                   reg = /^[/u4e00-/u9f5a]+$/g;

                   if(!reg.test(realname)){

                            alert("真实姓名只能输入中文！");

return;

                   }

                  

                   //限制输入数字（带小数点）

                   var score = document.form1.score.value;

                   reg = /^/d+(/./d+)?$/g;

                   if (!reg.test(score)){

                            alert("分数格式不正确！");

                            return;

                   }

                  

                   //QQ输入

                   var qq = document.form1.qq.value;

                   reg = /^/d{5,}$/g;

                   if(!reg.test(qq)){

                            alert("qq格式不正确");

                            return;

                   }

                  

                   var email = document.form1.Email.value;

                   reg=/^([a-zA-Z0-9_/./-])+/@(([a-zA-Z0-9/-])+/.)+([a-zA-Z0-9]{2,4})+$/g;

                   if(!reg.test(email)){

                            alert("Email格式不正确");

                            return;

                   }

                  

                   alert("验证通过! /n您输入的是："+ trim(name) + "$");

                   //正则表达式来表示一连串的空格

                  

         }

        

        

         function trim(str){

                   return str.replace(/(^/s+)|(/s+$)/g,"");

         }

</script>

 

Javascript现在还只是理解了表面的东西，视频里讲的非常简单，基本上就有这些内容，有待深入研究。