javascript:
一:数据类型
1. 数值型:例如 3 5 1.2 3.4
2. 布尔:两个值真或假,如true或false
3. 字符串:例如: ‘I am a jelly doughnut’由一个或多个字符组成,
用单引号或双引号引起来的一系列的字符(也可以称之为一个字符串对象)
4. 空值:用关键字NULL表示.如果变量声明但是没有赋值就是这个类型
5. 未定义:用关键字undefined表示,如果变量未声明则就是未定义类型
6. 数组:用new Array()声明的就是数据(也可以称之为一个数组对象)
7. 对象:{}使用一对花括号声明的就是一个对象
二:
parseInt():将字符串转化为整数
parseFloat():将字符串转化为浮点数
isNaN():判断给定的值是否为数值,如果不是数值则返回true,是数值返返回false
三 :事件
1>鼠标事件
Onclick:鼠标单击事件,当鼠标单击时此事件触发
Onmouseover:鼠标移上事件,当鼠标移上某个元素时此事件触发
Onmouseout:鼠标移出事件,当鼠标移出某个元素时此事件触发
2>键盘事件
Onkeyup:键盘抬起事件,当抬起键盘的时候此事件触发
Onkeydown:键盘按下事件,当按下键盘的时候此事件触发
Onmouseout:鼠标移出事件,当鼠标移出某个元素时此事件触发
3>页面事件
Onload:页面加载事件,当打开这个页面的时候此事件触发
Onunload:页面卸载事件,当关闭页面的时候此事件触发
4>表单事件
Onblur:失去焦点事件,当光标离开文本框时此事件触发
Onsubmit:表单提交事件,当点击提交按钮的时候此事件触发
Onchange:内容改变事件,当改变内容时此事件触发
四: 熟练掌握Math对象
Math.round():四舍五入 例如:alert(Math.round(1.2))结果是1
Math.ceil():向上取整 例如:alert(Math.round(1.2))结果是2
Math.floor():向下取整 例如:alert(Math.round(1.2))结果是1
Math.random():产生0---1之间的随机数
alert(parseInt(Math.random()*10))则会产生一个1到10之间的随机数
五: 灵活运用window对象的方法
window.alert():弹出一个带有确定按钮的对话框
Window.confirm():弹出一个带有确认和取消按钮的对话框
Window.prompt():弹出一个带有输入框的对话框
Window.open():打开一个新的窗口
Window.close():关闭浏览器
History.go(-1):后退
History.go(0):刷新
History.go(1):前进
History.back():后退
History.forward():前进
六:灵活运用正则表达式的匹配符
1> 模式匹配符:
\:转义字符 例如:\b转义了b
^:正则表达式开始符号
$:正则表达式结束符号
*:匹配前面的字符出现0次或者n次
+:匹配前面的字符出现1次或者n次
?:匹配前面的字符出现0次或者1次
.:匹配除了换行符以外的所有单个字符
|:或者的意思,例如x|y 匹配x或者y
{n}:匹配前面的n个字符
{n,m}:匹配至少n个最多m个前面字符
[xyz]:匹配中括号里的任意一个字符
[^xyz]:匹配除了中括号里的任意一个字符等价于[0-9]
\w:匹配任意一个数字或字母或下划线 等价于[A-Za-z0-9_]
\d:匹配任意一个0--9之间的数字
i:忽略大小写
2>js:正则检测字符串函数:test(),成功返回true,失败返回false
例如:
Var str=”zhangsan”;
Var reg=/^\w+$/;
If(reg.test($str)){
Alert(“用户名合法”)
}
3> js正则表达:
//用户名由6-18位的字母数字下划线组成,不能由数字开头
r_name=/^[a-z]\w{5,17}$/i
//密码长度不能少于六位
var r_pwd=/^\w{6,}$/
//所有的通用邮箱地址
var r_eamil=/^\[email protected]\w+(\.)\w+$/
//匹配一个QQ邮箱地址
//[email protected]
var r_qq_email=/^\d{5,}@qq(\.)com$/
//匹配一个163的邮箱地址
var r_163_email=/^\[email protected](\.)com$/
//匹配一个后缀名可能是.com|.net|.cn|.edu
var email=/^\[email protected]\w+(\.)com|net|cn|edu$/
//要求输入有效的年龄段
var r_age=/^\d{1,2}$/
//if(age>=18&&age<=100)
//验证手机号:11位 13 15 18开头
var r_tel=/^1[3,5,8]\d{9}$/
//验证身份证号 18位或者17位加一个X
var r_s=/^\d{18}|\d{17}x$/i
//验证中文
var reg=/^[\u4e00-\u9fa5]{2,17}$/
4>php正则表达:
php验证正则表达的函数 preg_match();
$reg="/^\d{6}$/";
$str="123456";
if(preg_match($reg,$str)){
echo "ok";
}else{
echo "no";
}
声明方式:$变量名=”/^正则表达式$/”; //与js正则唯一的不同处就是表达式要加“”
$reg="/^[\x{4e00}-\x{9fa5}]+$/u"; //中文表达式
七, cookie和session的使用:
1> Cookie的使用步骤:
1)设置cookie:setcookie(‘cookie的名字’,’cookie的值’,过期时间)
2)读取cookie:$_COOKIE[‘cookie的名字’]
3)删除cookie:
setcookie(“要删除的cookie的名字”,””,time()-1)
浏览器手动删除
4)Cookie的分类:
分为会话cookie和持久cookie,会话cookie就是没有给cookie设置过期时间,
当关闭浏览器或者关闭电脑cookie就会自动消失;持久cookie就是给cookie设置了过期时间,
只要过期时间没到,关闭浏览器和关闭电脑cookie都不会消失,只有过期时间到了才会消失。
2>session的使用:
1)开启session:session_start(); 此函数前面不能有任何输出
2)给session赋值:$_SESSION[‘名’]=值
3)使用session:$变量名=$_SESSION[‘名’]
4)删除session:
删除单个session:unset($_SESSION[‘名’])
删除多个session:$_SESSON=array();
结束当前所有session:session_destroy()
5)session工作原理
Session的定义:session是一种存储服务器端用来跟踪和识别用户信息的会话机制。
当启动一个session会话时,会生成一个随机且唯一的session_id,也就是session文件名,此时,
session_id存储在本地的cookie里。当关闭页面时此id会自动注销,重新登录此页面,会再次生成一个随机的id。
6)理解session和cookie的区别
区别:session存储在服务器端,cookie存储在客户端,session相对于安全,cookie不安全,session和
cookie都可以设置过期时间,都可以跨页面传值,都可以实现会话功能。Session开启后,有一个sessionid存储在
cookie里,如果客户端禁止了cookie,sessionid以url地址栏的方式进行传输。
3>运用session或cookie实现用户登录的会话控制
Cookie实现登陆控制:setcookie(“名”,”值”,”过期时间”),设置完成后,在每一个登陆后才能访问的页面加入:
if(empty($_COOKIE[‘名’])){ die(“未登录,不能操作!”)},如果用户选择了七天免登陆,在登陆界面加入:
if(!empty($_COOKIE[‘名’])){ header(“跳转”)}
Session实现登陆控制:session_set_cookie_params(1*60);session_start(); $_SESSION[‘名’]=值;,设置完成后,
在每一个登陆后才能访问的页面加入:if(empty($_SESSION[‘名’])){ die(“未登录,不能操作!”)},如果用户选择了七天免登陆,
在登陆界面加入:if(!empty($_SESSION[‘名’])){ header(“跳转”)}
八:上传下载
1》上传:Move_uploaded_file():将上传文件移动到指定的位置,如果成功则返回true,否则返回false
2》下载: <a href=‘dowload.php?path=该文件所在的位置‘>下载</a>
Dowload.php
<?php
//接收文件路径
$path = $_GET[‘path‘];
//文件类型
header(‘Content-type: image/jpeg‘);
//激活一个下载的窗口 (文件名)
header("Content-Disposition: attachment; filename=$filename");
//读文件
readfile($path);
javascript基础 (2)
时间: 2024-08-04 01:03:37
javascript基础 (2)的相关文章
javascript入门书籍推荐《javascript基础教程》
前段时间看javascript高级教程的时候,发现很多基础的javascript概念,自己不懂. 网上搜了一下,看到大家对<javascript基础教程(第8版)>评价不错,买了一本. 作者: (美)Tom Negrino Dori Smith 译者: 陈剑瓯 柳靖 丛书名: 图灵程序设计丛书 出版社:人民邮电出版社 翻开看了后,受益匪浅,决定将这本书推荐给javascript的入门童鞋. 这本书的读者,要有一定的HTML基础,因为javascript基本都是对Dom的操作,所以,有一定的HT
js基础--javascript基础概念之语法
掌握一门语言 必须先掌握它的语法! javascript 的语法和C.Java.Perl 的语法有些相似.但是比它们更加宽松. javascript 中的一切都是严格区分大小写的.例如变量: demo 和 Demo 两个变量是完全不同的. javascript 标示符,所谓标示符 是指 变量.函数.属性 的名字或函数的参数.标示符的格式是按照以下规则组合的一个或多个字符. 1.第一个字符必须是字母,下划线,或 $ 符号. 2.其他字符可以是字母.下划线.$ . 或数字. 注意 不能把关键字 保留
Javascript.01 -- Javascript基础
Javascript基础 1 聊聊Javascript 1.1 Javascript的历史来源 94年网景公司 研发出世界上第一款浏览器. 95年 sun公司 java语言诞生 网景公司和sun合作. Java+script ===> javascript 1.2 W3c规范 ?结构标准 html ?表现标准 css ?行为标准 js 1.3 JavaScript和ECMAScript的关系 ECMAScript是一种由Ecma国际前身为欧洲计算机制造商协
javascript基础学习(十五)
javascript之cookie 学习要点: cookie介绍 创建与获取cookie cookie的编码 cookie的生存期 cookie的路径 cookie的domain cookie的secure 一.cookie介绍 cookie实际上就是一些信息,这些信息以文件的形式存储在客户端计算机上.在javascript中,cookie主要用来保存状态,或用于识别身份. 二.创建与获取cookie 创建cookie的语法代码如下所示:document.cookie="name=value&q
javascript基础学习(八)
javascript之日期对象 学习要点: 日期对象 将日期对象转换为字符串 将日期对象中的日期和时间转换为字符串 日期对象中的日期 日期对象中的时间 设置日期对象中的日期 设置日期对象中的时间 与毫秒相关的方法 一.日期对象 在javascript中并没有日期型的数据类型,但是提供了一个日期对象可以操作日期和时间. 日期对象的创建: new Date(); 二.将日期对象转换为字符串 将日期对象转换为字符串可以使用以下4种方法: date.toString();//将日期对象转换为字符串时,采
javascript基础学习(二)
javascript的数据类型 学习要点: typeof操作符 五种简单数据类型:Undefined.String.Number.Null.Boolean 引用数据类型:数组和对象 一.typeof操作符 typeof操作符用来检测变量的数据类型,操作符可以操作变量也可以操作字面量. 对变量或值运用typeof操作符得到如下值: undefined----如果变量是Undefined类型: boolean-------如果变量是Boolean类型: number-------如果变量是Numbe
javascript基础语法——词法结构
× 目录 [1]java [2]定义 [3]大小写[4]保留字[5]注释[6]空白[7]分号 前面的话 javascript是一门简单的语言,也是一门复杂的语言.说它简单,是因为学会使用它只需片刻功夫:而说它复杂,是因为要真正掌握它则需要数年时间.实际上,前端工程师很大程度上就是指javascript工程师.前端入门容易精通难,说的是前端,更指的是javascript.本文是javascript基础语法的第一篇——词法结构 与java关系 关于javascript有这样一个说法,java和jav
Javascript基础知识5
不要把相等运算符(==)与赋值运算符(=)搞混. 以&&运算符隔开的两个条件中的前者为错,则不会检测第二个条件的真假.利用这一点,可以提高脚本的速度. 使用带switch的多个条件 if(button=="next") window.location = "next.html"; else if(button=="previous") window.location = "pre.html"; else if(
js基础--javascript基础概念之数组(二)
js基础--javascript基础概念之数组 数组栈方法 数组可以像栈一样.栈是一种先进后出的数据结构,最先添加的数据最后一个出来.栈方法添加数据也称为 推入 移除数据称为 弹出. js为数值栈方法提供了 push() 和 pop() ; 两个方法. push() push() 方法接受参数就是你要添加进入到数组的值.push() 方法会将他们逐一添加到数组的末尾 数组的length属性会跟着更新数据. *push(多个数组元素值) 返回的修改后的数组长度 var array =
js基础--javascript基础概念之数组
js基础--javascript基础概念之数组 在ECMAScript 中 ,数组是很常用的数据类型,js中的数组和其他很多语言的数组有明显的区别.js的数组可以保持任何类型的数值,一个数组中可以保存着多个不同类型的数值.js数组大小(长度)是可以调整的.可以随着数据的添加自动增长数组长度. 创建数组: 一.数组字面量 数组字面量由一对包含数组项的方括号[]表示. var array = [ 'kin', 'cheong', 'change', 'hello', 'haha', 'hi' ];