javaScript小结

深碍√TFBOYSˉ_ 2022-08-11 11:28 112阅读 0赞

初识javaScript，并不感到陌生，因为在牛腩新闻发布中已经用过，在针对性的学习这块儿的时候，其实感觉和学VB是一样的，就是属性、事件、方法，再新的就是正则表达式，看师哥师姐的博客，也有所耳闻，所以学起来的话，用超哥的话“so easy”。下面对这块儿做个总结。

#       一、概念 #

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。然而现在JavaScript也可被用于网络服务器。

#       二、特性 #

1、是一种解释性脚本语言（代码不进行预编译）

2、基于对象的语言：它是面对对象的，可以自己创建对象的方法和脚本中的事件相互作用。

3、简单性：基于java基本语句和控制流之上的简单而紧凑的设计。它的变量类型是弱类型。

4、安全性：不允许访问本地磁盘，，同时不能修改网络文档。

#       三、基本应用 #

##           1、学过的： ##

三大结构：选择、循环、顺序（VB）

CSS样式

属性、事件、方法

其中事件有：

弹出框函数：alert("");

<script language="javasript" type="text/javascript" >
            alert("大家好，欢迎来到javascript世界！")//alert弹出对话框
        </script>

![Center][]

输入框函数： prompt("","")

<script language="javasript" type="text/javascript" >
            prompt("大家好","")
        </script>

![Center][]  
                          获取文本框的值：var x=document.表单名.文本框名.value;

<script language="javascript" type="text/javascript">
     	function  aaa(){
    		var x=document.form1.wenben.value;//获取文本框的值
    		alert("1+1="+x+",计算正确");
    		alert("1+1="+x+",计算错误");
    	}
       </script>

js架构：

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

控件：单选、复选、列表、图像的一些事件

比较运算符：

![Center 1][]

##         2、新接触的：正则表达式    ##

正则表达式主要用于字符操作

方法：replace（替换）、match（查找）、test(验证)

举例：

<script language="javascript" type="text/javascript">
    	var str="Windows是非常优秀的系统，我喜欢Windows";
    	var reg=/Windows/g;/*正则表达式，要替换的文字*/
    	var tmp=str.<strong>replace</strong>(reg,"Linux")
    	alert(tmp) 
       </script><span style="font-family:arial, 宋体, sans-serif;color:#333333;"><span style="font-size: 14px; line-height: 24px; background-color: fuchsia;">
    </span></span>

<script language="javascript" type="text/javascript">
    		var str="Windows是非常优秀的系统，我喜欢Windows";
    		var reg=/Windows/g;/*正则表达式，要替换的文字*/
    		var found=str.<strong>match</strong>(reg);
    		alert(found);
    	</script>

匹配字符：这里讲到了很多字符。网上（[匹配字符][Link 1]）有很多，个人认为没必要记下来，现用现查就好。

<script language="javascript" type="text/javascript">
    	//以xxx开头 <strong>^</strong>
    	var reg=/^中/g;
    	var str="中国万岁，我爱中国";
    	/*var found=str.match(reg);
    	alert(found);
    	str=str.replace(reg,"go")
    	alert(str);
    	//以xxx结尾 <strong>$</strong>
    	var reg=/t$/g;
    	var str="I am a student"
    	str=str.replace(reg,"xx");
    	alert(str);
    	//表示任意个字符 <strong>.</strong>
    	var reg=/想.想/g;
    	str="想一想，想看想看，想想看";
    	var found=str.match(reg);
    	alert(found);
    	//以字符集<strong>[...]	</strong> 多选一  <strong>[^...]</strong>一个都不能选
    	var reg=/g[eo]t/g;
    	var str="goet,goere,ea,grrr,trtr,geot";
    	var found=str.match(reg);
    	alert(found);
    	//数字 \d   正则表达式对象的一个方法：<strong>test()</strong>
    	var reg=/\d\d\d$/g;//表示三位数字
    	var str="4654 6875413 465 746";
    	var t=reg.test(str)
    	alert(t);
    	if(t){
    		alert("验证通过");
    	}else{
    		alert("验证为通过");
    	}
    	//规定只能输入的位数
    	//\d(n):n个数字
    	//\d(n):n~m个数字
    	var reg=/^\d(6,18)$/g;
    	//\w(n,)：n个以上数字
    	var str="46434368";
    	var t=reg.test(str)
    	if(t){
    		alert("验证通过");
    	}else{
    		alert("验证未通过");
    	}

js的基础也差不多这些，看一看大部分都是学过的，不经意间就做到了反复，学习也没那么难，万事开头难，开头已经是两年前的事情了，感觉现在真的被这种学习吸引了。

[Center]: /images/20220810/fa4fb5fd3e3540d3a1fbfc462af6f3d1.png
[Center 1]: /images/20220810/16937995712a4967b4a64cbd14ca97da.png
[Link 1]: http://www.cnblogs.com/helloczh/articles/1648029.html

发表评论取消回复

表情：

评论列表（有 0 条评论，112人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript——WebAPI（DOM）知识小结

目录什么是WebAPI DOM API DMO树 DOM树：选中页面元素：事件事件的三要素：获取/修改元素内容获取/修改元素属性获取/

た入场券/ 2024年03月26日 20:37/ 0 赞/ 35 阅读

相关 JavaScript前端项目问题小结

> hello你好我是辰兮，很高兴你能来阅读，最近要陆续整理一下关于前端开发过程中真实的项目问题，以及相关解决思路，分享获取新知，大家一起进步！文章目录

悠悠/ 2022年12月23日 04:59/ 0 赞/ 80 阅读

相关 Javascript时间操作小结

来源：[http://www.ido321.com/847.html][http_www.ido321.com_847.html] 在项目需要一个计时器，效果如下：

深藏阁楼爱情的钟/ 2022年08月12日 18:29/ 0 赞/ 139 阅读

相关 javaScript小结

初识javaScript，并不感到陌生，因为在牛腩新闻发布中已经用过，在针对性的学习这块儿的时候，其实感觉和学VB是一样的，就是属性、事件、方法，再新的就

深碍√TFBOYSˉ_/ 2022年08月11日 11:28/ 0 赞/ 113 阅读

相关 Javascript 中的 && 和 || 使用小结

普通情况下的 && 和 || 比较简单，这里不进行讨论准备两个对象用于下面的讨论。复制代码代码如下: var alice = \{ name

骑猪看日落/ 2022年08月10日 03:41/ 0 赞/ 146 阅读

相关 JavaScript 数据类型使用小结

JavaScript 数据类型使用小结 JavaScript 数据类型使用小结数据类型创建

ゝ一纸荒年。/ 2022年06月05日 10:57/ 0 赞/ 131 阅读

相关 javascript中“this”机制的小结

this是我们在日常写js代码中所经常用到的，用起来确实方便很多，有的刚刚接触到js开发这一块的朋友，可能还不清楚this指向的问题，所以周末闲来无事，就this指向问题做个小

╰半橙微兮°/ 2022年05月30日 03:13/ 0 赞/ 176 阅读

相关 javascript中操作字符串小结

最近几次参加前端实习生招聘的笔试，发现很多笔试题都会考到字符串的处理，比方说去哪儿网笔试题、淘宝的笔试题等。如果你经常参加笔试或者也是一个过来人，相信你也跟我一样，发现字符串的

不念不忘少年蓝@/ 2022年01月30日 17:57/ 0 赞/ 414 阅读

相关 JavaScript Promise小结

事件模型是在事件发生之前绑定监听事件，在事件发生时监听到事件的发生。如果事件发生之后进行绑定监听事件，则监听不到事件的发生。 ES6提供的Promise实现了单个值的任意

迷南。/ 2021年09月29日 10:04/ 0 赞/ 366 阅读

相关 JavaScript箭头函数语法小结

JavaScript箭头函数语法小结 1.没有参数时 var demo = function（）{ } 相当于： var demo = () => { } 2.只有一个参数时

朱雀/ 2020年06月21日 14:41/ 0 赞/ 742 阅读