网页交互的过程
没有js验证:
文本框 --> 填写数据 --> 点击确定 --->提交给后台
1.数据无错误 --- >服务器验证--->提交到数据库 开心
2.数据有错误 -- >服务器验证 -->数据不规范 不合格 --->返回到原来的界面
页面从新加载 如果有几十个表单 --- >重新输入数据 悲伤
有js验证:
文本框 --> 填写数据 --> 点击确定 -->js验证
1.验证通过 --- > 提交给后台
2.验证不通过 --- >留在原来的页面 -- >标红出来
var a = 1;
var b = 2;
for(var c = 0; c < 100; c++){
}
什么事JavaScript
•JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言
•JavaScript特点
–向HTML页面中添加交互行为
–脚本语言,语法和Java类似
–解释性语言,边执行边解释
•JavaScript组成
JavaScript的基本结构
<script type="text/javascript">
/*HTML5默认type是text/javascript,可以不写type*/
<!—
JavaScript 语句;
—>
</script >
网页中引用JavaScript的方式
•使用<script>标签
<script>
var a = 1;
document.write(a);
document.write("<br/>");
</script>
•外部JS文件
<script src\="export.js" type="text/javascript"></script>
•直接在HTML标签中
<input type="button" value="按钮" onclick="javascript:alert('美女你好')" />
建议使用前俩种来实现
JavaScript语法
•区分大小写:ECMAScript 是区分大小写的(变量、常量、函数名、操作符)。
可以使用驼峰命名
•标示符:标示符指变量、函数、属性、函数参数等。
•注释: Javascript支持两种类型的注释标识符。
–一种是在脚本中进行的单行注释的标识符(//)。
–另一种是进行多行注释的标识符(/\*…\*/)。
•语句: ECMAScript 中的以分号“;”结尾。
命名注意事项:
注意 :
// 1. 变量一定要见名思意 backgroundColor
// 2. 变量首单词小写
// 3. 首字母一定不能用数字 可以用下划线
// 4. 注意区分大小写
使用严格模式:
<script>
//使用严格模式
"use strict"
var A = 1;
</script>
JavaScript变量
•变量是用来保存值可以改变的标示符。
•Javascript中的变量声明有两种方法:
–显式声明。一般是指用关键字 var 进行的声明。
–隐式声明(即用即声明)。不用关键字 var 声明(在开启严格模式下会报错)。
•Javascript是一门弱类型语言,无需要声明类型,可保存任何类型的数据。
–保存的值不同,其数据的类型就不同;无需强制转换。
–声明后,可随时重新赋值。
–支持不同类型的数据之间运算,JS引擎对其类型转换。
显示命名和隐士命名的区别:
1. 严格模式下 隐式声明会报错
2. 在函数里面有 作用域问题 有全局污染
JavaScript数据类型
•JavaScript 的数据类型由两大类型系统实现。
–基本类型系统:值类型、引用类型。
–对象类型系统。
•Typeof操作符来检测变量值的数据类型
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。