JavaScript概述
-
JavaScript:是脚本语言,由客户端的浏览器解释执行。
所有现代的 HTML 页面都使用 JavaScript,可以用于改进设计、验证表单、检测浏览器、创建cookies等。
主要实现:表单客户端验证(格式验证),页面的动态特效 -
JavaScript 可以做什么?
所有现代的 HTML 页面都使用 JavaScript,可以用于改进设计、验证表单、检测浏览器、创建cookies等。
主要实现:表单客户端验证(格式验证),页面的动态特效
如:
- 改变HTML内容
- 改变HTML标签中的属性值
- 改变HTML标签的样式
- 显示或隐藏HTML标签
- 表单验证
- 动态特效:图片轮播
- javascript:与标签的事件关联
常用事件:
4 输出数据:
使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。 (写在开始标签和结束标签中间)
使用 console.log() 写入到浏览器的控制台。
如何在HTML引入JavaScript
1 js代码比较少时,可以直接写在标签的对应的事件上:
2 内嵌在Html中,写
3 定义外部的js文件,文件名为:XXX.js
在Html页面中引用js:
4 javaScript中的注释
//:单行注释
/* */:多行注释
5 在javaScript中获取某标签的方式:
1)通过ID名获取某标签:
document.getElementById(“标签ID名”)
2):修改或获取某标签的内容:
document.getElementById(“标签ID名”).innerHTML
3) 修改某标签的属性值:
document.getElementById(“标签ID名”).属性名
4) 通过标签name获取一组标签
document.getElementsByName("name名");
5) 通过标签名获取一组标签
document.getElementsByTagName("标签名");
6 使用javascript设置或获取表单元素的值
document.getElementById(“ID名”).value
JavaScript中的变量
javascript:是弱类型语言。
一 存储数据的容器–》变量
使用变量的步骤:
1 定义变量
语法:
var 变量名;
2 给变量赋值
变量名=值;
1和2 可以合在一起写:
var 变量名=值;
3 使用变量 :通过变量名访问到变量中的值
二 变量值的类型:
数值类型: 整数和小数 : number
字符串类型 : 使用""或’'引起来一串字符: string | String
真假表示: true|false ==>boolean
对象类型: Object
undefined: 未赋值变量
三 变量名的命名要求:
1)可以包含:字母,数字,_,$
2) 不能以数字开头
3) 不能使用js中的关键词: var,function,
4) 建议起的名字有含义:见名知义。
5) 如果名称有多个单词组成,第一个单词首字母小写,其他单词首字母大写
6)在js中名称都是区分大小写的
四、变量的分类
变量是有作用域的:变量的有效范围; { }
公共变量: 定义在所有函数的外面。所有的函数都可以使用。
局部变量: 定义在函数内部的,仅在此函数中可用。
数据类型转换
一 、 把字符串转成数值类型
parseInt(值) :把文本转成整数类型
parseFloat(值): 把文本转成小数类型
示例:
parseInt("123")=>123 parseInt("123a") ==>123
parseInt("abc") ==>NaN
注意:如果字符串中第一个字符为数字,则转成成功,转到第一个非数字字符为止。
如果字符串中第一个字符为非数字,则转换失败,返回 NaN
NaN:not a number
二 判断字符串中的字符是否为非数字
isNaN(值) : 如果是非数字返回true, 如果是数值则为false