现在的位置: 首页 > 综合 > 正文

JavaScript基础

2013年10月19日 ⁄ 综合 ⁄ 共 3886字 ⁄ 字号 评论关闭

 

定义:

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是全局globaliingore忽略大小写(英文条件下——)

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]:表示从az的所有小写字母

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

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

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现在还只是理解了表面的东西,视频里讲的非常简单,基本上就有这些内容,有待深入研究。

 

 

 

 

抱歉!评论已关闭.