什么是javascript
是一门脚本语言 基于对象 基于事件驱动的语言
javascript是解释执行的
解释器是浏览器
js的特点是 1 脚本语言 是在程序的运行过程中逐渐进行解释 C语言 Java语言都是先编译后执行
2基于对象
使用一些封装好的对象 调用对象的方法 设置对象的属性 但是它们无法让程序员派生新对象类型
他们只能使用现有对象的方法和属性 面向对象和基于对象都实现了封装的概念 但是面向对象
实现了继承和多态 而基于对象没有实现
跨平台性 只要有浏览器在 就可以随意运行
ECMASCRIPT 一种语法
JavaScript 一种实现
DOM 对文档中元素的操作 网页中的效果 轮播图之类的
BOM对浏览器进行操作
js中五种输出语句
console.log
alert()弹框输出
promt()弹出输入输出框
document.write()页面输出
confirm()点击确认时返回真 取消时返回否
js变量
驼峰命名
getElementById() 小驼峰 第一个字母不大写
大驼峰 所有单词首字母都大写
var 变量名称=赋值
var ImgArr=["1.jpg","2.jpg"]
js 流程控制语句
1顺序流程
2分支流程 第一种 if(){}else(){} 第二种 switch(n){case: break; default break}
第三种 条件分支 var y=x>60?"及格"：“不及格”；//条件判断
3循环语句
for while do while
js数组定义
var=arr=[]
var arr=new Array()
索引值或下标（0）添加或者修改
arr.length数组的长度
数组的遍历 依次的拿出数组的元素
数组求和 数组最大值 数组排序 （选择排序法）
数组的基本处理函数
在数组中的最后添加一个元素
push()
arr1.concat(arr2);将数组arr1和arr2进行合并 返回一个合并后的数组
arr1.push(ele) 将元素ele添加到数组的末尾
arr.pop() 将数组arr里的最后一个元素删除 返回删除的元素
arr.unshift(ele) 将元素ele添加到arr数组的开始
arr.shift() 将数组的最后一个元素删除 并返回删除的元素
arr.reverse()数组倒置 返回倒置后的数组
**arr.splice(开始索引，删除元素的个数); 包含开始索引 **
**arr.indexOf(ele)查找元素ele在数组中首次出现的位置 返回元素所在的下标 若ele在数组中不存在 则返回-1
arr.LastIndexOf(ele) 查找元素ele在数组中最后出现的位置 返回元素所在的下标 若else在数组中不存在 则返回-1
如果首次出现的位置和最后出现的位置不相等 说明元素重合 **
插入元素
arr.splice(插入位置,0,插入的元素) 插入的元素可以有多个 元素之间用, 分隔
谷歌调试监控
sources 你所写的网页点开 双击想控点的代码
页面旁边会有watch 点击要监控的添加arr和n 刷新页面 左上角会出现弯的箭头
点它就会循环一次
charAt() 方法用于返回指定索引处的字符
输出字符
var index=0
var max=arr[0]
for(var n=0;n<arrSum.length;n++){
if(arrSum[n]>Max){
Max=arrSum[n]
index=n
}
}
console.log("出现次数最多的是"+arr[index])
str.slice(n,m)和str.substring(n,m)两种都是截取n到m之间的字符 左闭右开
str.toLowerCase()将字符串转化为小写
str.toUpperCase()将字符串转化为大写
str.toCapitalize()将字符串的首字母大写
str.split(s) 将字符串ss 通过字符串s 切割为数组
splice删除 split 分割
HTML是用来描述网页的一种语言 一对一对的标签 网页中需要图片标签 文字标签
只是一套标记语言
网页的开始head 给网页提供信息
body 打网页中显示的内容
meta charset="utf-8" 规定网页的编码格式 防止网页中出现中文乱码
a href=""超链接网页 target="_blank" 保持原代码不变打开新的网页
相对路径问题 如果文件在同一级 直接打对应名称
如果在其同级的文件夹里 先进入文件夹 找到文件 /表示进入 对应的文件名称
如果图片在其上一级 需要先返回上一级 ../打对应的文件名称
img是一个单标签
src是图片的来源路径
秒链接一个作为跳转# 一个作为坐标
文本框：input type="text"
密码框: input type="password"
单选框：input type="radio"
复选框: input type="checkbox" 默认选中用checked
提交按钮 input type="submit"
重置按钮 input type="reset"
自定义按钮 input type="button" value="计算" value是框里的内容
ol是有序列表 ul是无序列表
div盒子容器标签用来放其他标签 可以放标题h1 可以放图片img src=""
可以放跳转链接 可以再次放容器盒子
行元素:不独立成行a img input需要加p标签才独立成行 label
块元素:独立成行 h1-h6 p table tr ul li ol form列表标签 div
form action="" method="" action是将表单中的数据提交给某个服务器 method是用get
post 请求提交给服务器
块元素可以设置大小 宽度自适应其父级的宽度 父级就是哪个div包裹着它
行元素 不可设置大小 宽度有内容决定
