JS 初级(三)接上
传送门 http://www.cnblogs.com/Sabo-dudu/p/5788197.html
现阶段我就了解了这么多,在以后的学习中,我会不断的更新,如果有什么不同的见解可以一块学习,谁有更好的资料也可以分享一下。0.0
十一. 函数
1>. 概念
具有特定功能的代码片段的封装
function 函数名 (参数列表){
函数体
return 返回值
}
function: 函数定义的关键字
函数名: 用来表示函数的名字
参数列表: 一些用于执行的语句
return 返回值 : 从函数内部向外部传递内容
函数的调用格式:
返回值 = 函数名(参数列表)
2>.分类
<1>.实名函数
a.有参数,有返回值
b.有参数,无返回值
c.无参数,有返回值
d.无参数,无返回值
<2>.匿名函数 没有实际名字的函数
3>. return
- 表示从被调函数返回到主函数继续执行,返回时可以附带一个返回值,返回值可以是一个常量,变量,或是表达式。
- 在函数中,如果碰到return 语句,那么程序就会返回调用该函数的下一条语句执行,也就是说跳出函数的执行,回到原来的地方继续执行下去。但是如果是在主函数中碰到return语句,那么整个程序就会停止,退出程序的执行
4>.回调函数 callback
5>. 作用域
理解变量的作用域
在函数内部声明的变量(局部变量),在函数外部不能访问
在函数外部声明的变量(全局变量),在函数内部可以访问
所有变量都存在与一个执行环境(作用域)中,这个执行环境决定了变量的生命周期,
以及那一部分代码可以访问其中的变量
十二.BOM
1>. 概念
Browser Object Model 浏览器对象模型
2>.页面加载完成 onload ()
3>. 重新加载或者刷新 reload ()
4>. 移动设备 touch 事件
5>. 移动设备屏幕旋转事件 onchange ()
十三. 正则表达式
1>.正则表达式的语法:
正则表达式就是普通 字符(例如:a~z)和 元字符 (特殊字符)组成的文字模式,该模式描述在查找文字主体时待匹配的一个
或者多个字符串。正则表达式作为一个模版,将某个字符串模式与 所搜索的字符串进行匹配。
2>. 作用
a.匹配目标文字
b.替换遵照正则表达式规则的字符串
c. 在目标字符中筛选指定的子字符串
3>. 创建
a. new RegExp(第一个参数,第二个参数) 第一个参数是:待匹配的字符串模版
b.字面量形式 /第一个参数/第二个参数 第二个参数是:是匹配是的模式,共3种模式,这3中模式可以组合使用
第二个参数的三种模式:
i 不区分大小写
g 全局查找,整个目标字符串 范围内
m 多行查找
4>. 常用的字符
<1>. ^ 用来 匹配 开头
<2>. ? 表示最多出现几次
<3>. $ 匹配 结尾
<4>. + 匹配目标至少连续出现几次
<5>. | 或者
<6>. [] 字符类
<7>. {6} 连续重复6次
<8>. {2,} 最少重复2次
<9>. {2,8} 最少重复2次,最多8次
<10>. \d 匹配字符
<11>. [^123] 除去123的都匹配
<12>. \s 空白符
<13>. \W 匹配单词
4 >. 常用的表单验证
a.身份证 /^[1-9]\d{16,17}(\d|X|x)$/g
b. 手机号 /^1[34578]\d{9}$/g
c. 邮箱号 /[a-zA-Z0-9_]+@[a-z0-9]+\.[a-z]{2,3}/g
d. 网址 /[http|https|ftp]:\/\/[a-z]+\.[a-z]+\.[a-z]{2,3}(\.[a-z]+)?/g
e. qq 号 /^[1-9]\d{4,10}$/g
f. 中文名 /^[\u4e00-\u9fa5]{2,4}$/g
g. 密码强度验证 弱:/^[0-9]{6,16}|[a-z]{6,16}|[A-Z]{6,16}$/g
中:/^[a-z0-9A-Z]{6,16}$/g
强:/^[a-z0-9A-Z_;’]{6,16}$/g
JS 初级(三)接上的更多相关文章
- 从零开始学习Node.js例子三 图片上传和显示
index.js var server = require("./server"); var router = require("./router"); var ...
- codefordream 关于js初级训练
这里的初级训练相对简单,差不多都是以前知识温习. 比如输出“hello world”,直接使用console.log()就行.注释符号,“//”可以注释单行,快捷键 alt+/,"/* ...
- 前端总结·基础篇·JS(三)arguments、callee、call、apply、bind及函数封装和构造函数
前端总结系列 前端总结·基础篇·CSS(一)布局 前端总结·基础篇·CSS(二)视觉 前端总结·基础篇·CSS(三)补充 前端总结·基础篇·JS(一)原型.原型链.构造函数和字符串(String) 前 ...
- JavaScript 基础——使用js的三种方式,js中的变量,js中的输出语句,js中的运算符;js中的分支结构
JavaScript 1.是什么:基于浏览器 基于(面向)对象 事件驱动 脚本语言 2.作用:表单验证,减轻服务器压力 添加野面动画效果 动态更改页面内容 Ajax网络请求 () 3.组成部分:ECM ...
- 使用ajax上传图片,支持图片即时浏览,支持js图片压缩后上传给服务器
使用ajax上传图片,支持图片即时浏览,支持js图片压缩后上传给服务器 ajax上传主要使用了 var reader = new FileReader() 此方法 js图片压缩主要是利用canvas进 ...
- 玩转Node.js(三)
玩转Node.js(三) 上一节对于Nodejs的HTTP服务进行了较为详细的解析,而且也学会了将代码进行模块化,模块化以后每个功能都在单独的文件中,有利于代码的维护.接下来,我们要想想如何处理不同的 ...
- Vue.js+vue-element搭建属于自己的后台管理模板:更深入了解Vue.js(三)
前言 上一章我们介绍了关于Vue实例中一些基本用法,但是组件.自定义指令.Render函数这些放到了本章来介绍,原因是它们要比前面讲的要难一些,组件是Vue.js最核心的功能,学习使用组件也是必不可少 ...
- JS的this总结(上)-call()和apply()
JS的this总结(上)-call()和apply() 相信很多人在学习JavaScript的过程中,都会了解到this,而大部分人都会特意去网络上搜一下相关资料,大部分的文章都有这么一句话: t ...
- HTML5结合CSS的三种方法+结合JS的三种方法
HTML5+CSS: HTML中应用CSS的三种方法 一.内联 内联样式通过style属性直接套进HTML中去. 示例代码 <pstylepstyle="color:red" ...
- JavaScript进阶(九)JS实现本地文件上传至阿里云服务器
JS实现本地文件上传至阿里云服务器 前言 在前面的博客< JavaScript进阶(八)JS实现图片预览并导入服务器功能>(点击查看详情)中,实现了JS将本地图片文件预览并上传至阿里云服务 ...
随机推荐
- 完整部署CentOS7.2+OpenStack+kvm 云平台环境(4)--用OZ工具制作openstack镜像
在部署openstack云平台环境的时候,需要上传镜像到glance. 首先下载iso镜像,这里下载了centos6.5镜像,放到/usr/local/src目录下然后用OZ工具制作openstack ...
- 一个c#的输入框函数
private static string InputBox(string Caption, string Hint, string Default) { Form InputForm = new F ...
- 协程--gevent模块(单线程高并发)
先恶补一下知识点,上节回顾 上下文切换:当CPU从执行一个线程切换到执行另外一个线程的时候,它需要先存储当前线程的本地的数据,程序指针等,然后载入另一个线程的本地数据,程序指针等,最后才开始执行.这种 ...
- 基于bootstrap样式的tree,
<!doctype html><html lang="zh"><head> <meta charset="UTF-8" ...
- cmd常用命令
2016.12.18 0:07 (持续更新) cd 目录名:打开文件目录, cd .. 返回上一目录 cd ... 返回上上级目录 cd \ 返回根目录 cls 清除当前cmd页面所有的记录 md 名 ...
- C#笔记
关键字: 1.internal 被 internal 修饰的东西只能在本程序集(当前项目)内被使用. 注意事项: 1.解决c#代码引用c/c++代码出现的unsafe code错误警告提示 Unsaf ...
- PL/SQL循环
1.if循环做判断 SET SERVEROUTPUT ON accept num prompt 'qinshuu'; DECLARE pnum NUMBER :=& num ; BEGIN T ...
- django表单验证和跨站伪造csrf
Form验证 django中的Form一般有两种功能: 输入html 验证用户输入 django使用内置form方法验证表单提交的数据 html页面 <!DOCTYPE html> < ...
- sass接触
第一句话就是棒棒的,我爱上了. 看了真阿当的文章:<2016年前端技术观察> http://weibo.com/ttarticle/p/show?id=230940405256054051 ...
- AngularJS +HTML Demo
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="C ...