javaScript可以实现验证表单。制作特效等功能,JavaScript的目的主要是一下三点:
1 客户端表单验证
2 页面动态效果
3 jQuery的基础
JavaScript是一种描述性语言,也是一种基于对象和事件驱动的并具有安全性能的脚本语言。
他与html一起在一个Web页面中连接到多个对象,与客户实现交互,无论在客户端还是服务器端,
js应用程序都要下载到浏览器的客户端执行,减轻服务器的负担。
javaScript 主要用来在html页面添加交互行为。
JavaScript 是脚本语言,语法和Java类似。
JavaScript 一般用来编写客户端的脚本。
JavaScript 是一种解释语言,边执行边解释。
JavaScript 包括 ECMAScript BOM DOM
javaScript 的基本结构:
<script type="text/Javascript">
javaScript 语句
</script>
type是<script>标签的属性 用于指定文本的使用的语言类别;text/javaScript
网页中引用JavaScript的方式:
1.内部javascript文件(适用于代码量少的)
<head>
</head>
<body>
<script type="text/javascript">
document.write("初学javaScript")
</script>
</body>
2.外部javascript文件
外部文件可以在多个页面重复使用。外部JavaScript文件是将JavaScript代码写入到一个外部文件中,以*.js为扩展名
保存,然后将文件的地址写入<script>标签中的src属性中。
3.直接在html标签中
适用于代码极少,仅用于当前标签,但是这种方式增加了代码,因此这种方式在实际开发中应用极少。
document.write();输出语句
<input name="bto"type="buttom"value="消息弹出框"onclick="javascript:alert(‘hello‘);"/>消息弹出对话框hello
alert() 函数 作用:向页面弹出一个对话框
变量的声明和赋值
var 合法的变量名
var width=20;
var x,y,z=10;
javaScript 严格区分大小写的
由于javaScript 是弱类型语言,因此允许不声明而直接使用 系统将自动声明。
x=88;//没有声明直接使用
声明前不需要声明数据类型
数据类型:undefined(未定义类型)
null(空类型)(返回值是object)
number(数值类型)
string (字符串类型)
boolean(布尔类型)
typeof(变量或值)判断是属于哪种数据类型
返回结果是object 如果变量是null类型 或者是一种引用类型,如对象,函数,数组
String对象的方法:
indexOf(str,index)首次出现的位置
charAt(index)下标处的字符
toLowerCase()把字符串转化成小写
toUpperCase()把字符串转化成大写
substring(index1,index2)根据下标圈出字符
split(str)根据字符分割字符串
创建数组
var 数组名=new Array(size);
赋值
var fruit=new Array("1","2","3","4","5");//[]
也可以这样赋值
var fruit=new Array(4);
fruit[0]="1";
fruit[1]="2";
fruit[2]="3";
fruit[3]="4";
fruit[4]="5";
数组是JavaScript的一个对象,他有一组属性和方法:
属性:.length
方法:join(分隔符-)把数组的所有元素放到一个字符串中通过分隔符分隔. 1-2-3-4-5
sort()对数组排序
push()在数组的末尾添加一个或多个元素
===恒等 !==不恒等
输入输出
alert("提示信息")输出
prompt("你喜欢什么","答案输入框默认信息");
var color=prompt("你喜欢什么颜色","pink");
alert(color);
常用系统函数
把非数字的原始值换成数字的函数
parseInt("字符串");整数
parseFloat("字符串");浮点数
检查是否是非数字函数
isNaN(x);true /false
自定义函数
function 函数名(参数1 ,参数 2 ,参数3 。。。){
[return 返回值]
}
function关键字
调用函数
事件名="函数名()";
有参调用 <input name ="bto" type="button"value="请输入显示的次数"
onclick ="study(prompt(‘请输入显示的次数‘)"/>
//onclick=study(8);"/>