1、JavaScript
是一种直译式的脚本语言
2、脚本语言
java源代码 ->编译为字节码文件.class ->在java虚拟机中运行
脚本语言: 源码 -> 解释执行 (js由我们的浏览器来解释执行)
HTML:决定页面的框架,数据的初始化和显示
CSS:美化我们的页面
JS:提供用户交互和数据传输功能
3、JS的组成
ECMAScript 统一的标准,核心部分,定义了JS的语法规范
DOM(document object mode)文档对象模型,用于管理界面
BOM(browser objectmode)浏览器对象模型,前进、后退、页面刷新、
地址栏、历史记录、屏幕宽高
4、JS语法
变量弱类型 var i = true;
区分大小写
语句结束后的分号,可有可无
写在script标签中
5、JS数据类型
基本类型
数值 Number
字符串 String
布尔型 Boolean
空值 Null
引用类型
对象,内置对象
类型转换
js内部自动转换
6、===
全等号,值与类型都需相等
7、JS的输出
alert(); 直接弹框
document.write(); 向页面输出
console.log(); 向控制台输出
获取页面元素 document.getElementById("id名称");
innerHTML 向页面输出
JS声明函数
var 函数的名称 = function(){
}
function 函数名称(){
}
8、JS的开发步骤
确定事件
通常事件触发一个函数
函数里面通常都会去操作页面元素,做一些动作
9、轮播图循环播放
需求:一组图片,每隔三秒切换一次图片
事件 onload
触发 init()
init()
开启计时器:执行切换图片的函数changImg()
changeImg()
获得切换图片的元素
10、页面定时弹出广告
需求 每隔5秒弹出一次广告
定时器
显示广告
隐藏广告
确定事件 页面加载完成的时间 onload
触发函数 init()
内容
1、启动一个计时器
2、显示广告,五秒后关闭广告
11、表单校验
onfocus 获得焦点事件
onblur 失去焦点
onkeyup 按键抬起
12、知识点总结
setInterval("", )
setTimeout("", )
以上都是用来间隔某毫秒后执行某代码,其会返回一个timerID
clearInterval(timerID)
clearTimeout(timerID)
将计时器为timerID的关闭
table.rows 获取table的所有行的数组
row.bgColor 行的背景色属性
document.getElementById("") 通过id获取元素
document.getElementsByName("") 通过name的值获取一组元素
document.getElementsByTagName("") 通过标签属性获取一组元素
13、省市联动效果
DOM 文档对象模型
onchange 改变事件
document.createElement() 创建元素节点
document.createTextNode() 创建文本节点
.appendChild() 添加子节点
.options.length 修改下拉列表元素长度
JavaScript总结
最新推荐文章于 2022-08-18 16:22:30 发布