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("验证未通过！");

}

 

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

 

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