js和html结合方式
-
内部js：
定义< script>标签,标签体书写js代码 注意<script>标签定义的位置，会影响执行顺序 -
外部js：
常量：基本数据类型 js原始数据类型: number：数字类型，包含整数和小数和 NaN(not a number) string: 字符串和字符类型 "" '' boolean: true 和 false null： 空类型。对象的占位符 undefined：未定义,如果一个变量没有初始化值，默认为undefined 变量： 语法： 使用 var定义变量 var i = "abc"; js是一门弱类型语言：定义变量时，不需要规定其数据类型。 typeof运算符：获取变量的数据类型 var关键字如果不书写，该变量则为全局变量 语句： if switch while do...while for 运算符:自动类型转换 一元运算符，比较运算符，逻辑运算符，算术运算符，赋值运算符，三元运算符。 对象： js是一门基于对象的语言 基于对象：不能由原生的对象派生出新的对象。换句话说，不存在继承关系 Function(*****): 代表函数 创建方式： var fun = new Function("参数列表","方法体"); function 方法名称(形参列表){ 方法体 } var fun = function(){ } 属性： length：形参的个数 使用： 函数名称(实参列表); 特点： 1.函数的调用，只与函数名称有关，与实参列表无关 2.函数内部有内置对象 arguments 封装实参数组 * void运算符：拦截返回值，一般结合a标签一起使用 * 注销a标签跳转功能，保留可被点击的功能 <a href="javascript:void(0);" onclick="exit();">退出</a>JS中的内置对象
JS中的内置对象：
1.定义方法
（1）String str=new String();
（2）var str=“xxxxx”;
2、属性：length：字符串的长度
3、方法：
| 方法名 | 功能 |
|---|---|
| charAt() | 返回在指定位置的字符。 |
| concat() | 连接字符串。 |
| indexOf() | 根据字符检索此符在字符串中的索引。 |
| lastIndexOf() | 从后向前搜索字符串。 |
| substring() | 提取字符串中两个指定的索引号之间的字符。 |
| toLowerCase() | 把字符串转换为小写。 |
| toUpperCase() | 把字符串转换为大写。 |
| replace() | 替换字符串。 |
| split() | 把字符串分割为字符串数组。 |
| trim(): | 去除字符串两端的空格 |
Number对象
定义方法：
var num=new Number();
var num=Number();
方法：
toString() 把数字类型转成字符串类型
toPrecision() 把数字格式化为指定的长度。也就是小数后面保留几位
Date对象
定义方式： var myDate=new Date();
方法：
getTime() 获取从1970-01-01 00:00：00 到当前的毫秒值
toLocaleString() 将时间转化成本地格式 利于阅读
Math对象
特点：该对象不需要创建 直接对象名点上方法就成
Math.random()；随机产生0----1 之间的随机数
Math.round(); 对小数进行四舍五入 得到一个整数
Math.min(); 取最小值
Math.max();取最大值
Math. abs() 返回数的绝对值。
Math.floor();向下取整
Math.ceil();向下取整
数组对象：
定义方式：
var arr=new Array();
var arr=[ ];
方法：
| 方法名 | 功能 |
|---|---|
| concat() | 连接两个或更多的数组，并返回结果。 |
| join() | 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔 |
| var z=v.join("-"); | 给数组元素之间添加分隔符 |
| pop() | 删除并返回数组的最后一个元素 |
| push() | 向数组的末尾添加一个或更多元素，并返回新的数组长度。 |
| reverse() | 颠倒数组中元素的顺序。 |
| sort() | 对数组的元素进行排序 从小到大 |
正则表达式对象
正则表达式
位置：
^ 开头
$ 结尾
次数：
* 0或多个
+ 1或多个
? 0或1个
{n} 就是n个
{n,} 至少n个
{n,m} 最少n个，最多m个
通配符：
\d 任意数字
\D 任意非数字
\s 任意空白
\S 任意非空白
. 任意字符（除’\n’外）
组：
(正则) 匹配括号中正则表达式对应的结果，并暂存这个结果。
(?:正则) 匹配括号中正则表达式对应的结果，但不暂存这个结果。
\数字 使用第n个组匹配的结果
使用正则的工具（RegExp类与相关方法）
创建：
// 方式一
var regex = new RegExp(“正则表达式”, “标志”);
// 方式二
var regex = /正则表达式/标志
正则表达式：
参见上面的规则
标志：
g （全文查找出现的所有 pattern）
i （忽略大小写）
方法：
Regexp.test( str )
String.replace( regex, str )
正则表达式对象常用的方法：
test() 使用正则对象去匹配字符串 如果匹配成功返回ture，否则返回false.
exec() 根据正则表达式去查找字符串符合规则的内容。
模式：
g （全文查找出现的所有 pattern）
i （忽略大小写）
BOM：
概念：将浏览器的各个组成部分封装为对象
特点：BOM对象不能自己创建，当文档加载进内存，浏览器自动创建。
组成：
Window()：窗口对象
Location(**)：地址栏对象
History(*)：历史记录(当前窗口)对象
Navigator ：浏览器对象 基本不用仅作了解
Screen：显示器屏幕 基本不用仅作了解
availHeight 获取系统屏幕的工作区域高度，排除 Microsoft Windows 任务栏。
availWidth 获取系统屏幕的工作区域宽度，排除 Windows 任务栏。
height 获取屏幕的垂直分辨率。
width 获取屏幕的水平分辨率。
Window：窗口对象
使用方式：
window.方法名(); window 可以省略
方法名;
方法：
与弹出有关的方法：
alert() 显示带有一段消息和一个确认按钮的警告框。
confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
prompt() 显示可提示用户输入的对话框。
与定时器有关的方法：
setInterval() 按照指定的周期（以毫秒计）来调用函数或计算表达式。 循环执行
clearInterval() 取消由 setInterval() 设置的 timeout。
setTimeout() 在指定的毫秒数后调用函数或计算表达式。 只执行一次
* 参数：
参数1：字符串(js语句)或者 函数对象
参数2：毫秒值。
clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
与打开关闭有关的方法：
open():打开新窗口
参数：打开目标的URL
返回值：返回新打开窗口的window引用
close():关闭窗口
谁调用我 ， 我关谁
DOM
概念： 将编辑语言文档的各个组成部分 封装为对象
组成：
- Document：文档对象
获取：window.document
//document 中 body属性 可以获取body标签对象
document.body.bgColor = “red”;
//title 属性获取文档标题
var bt = document.title;
//获取文档最后一次修改时间
var rq=document.lastModified;
//URL 属性 获取地址栏中的地址
方法：
获取Element对象
getElementById():通过id属性值获取唯一的元素
getElementsByTagName():通过标签名称获取元素对象数组
getElementsByName():通过name属性值获取元素对象数组
getElementsByClassName():通过class属性值获取元素对象数组
创建其他对象
createElement：创建元素对象
createAttribute：创建属性对象
createComment：创建注释对象
createTextNode：创建文本对象
//给属性对象设置值
font1.setAttribute(‘color’,‘yellow’);
Element:元素对象
innerHTML属性：获取或设置 元素的 子内容
innerTEXT属性:获取标签之间的文本内容 - Element:元素对象
- Attribute：属性对象
- Text：文本对象
- Comment：注释对象
- Node：节点对象
DOM事件：
概念：
事件：一件事
事件源：事件发生的组件
监听器：一个对象，当事件源上发生了事件，就执行对象中的某些方法
注册监听：将监听器绑定到事件源上，监听事件的发生
js中注册监听的方式：
- 在定义标签时，添加 事件名称属性。属性值是js代码
js代码会被自动封装到一个function函数的方法体中 - 通过js获取元素对象，再添加事件。
js中事件的种类
焦点事件：
- onfocus 元素获得焦点。
- onblur 元素失去焦点
点击事件：
- onclick 当用户点击某个对象时调用的事件句柄。
- ondblclick 当用户双击某个对象时调用的事件句柄。
键盘事件：
- onkeydown 某个键盘按键被按下。
- onkeyup 某个键盘按键被松开。
- onkeypress 某个键盘按键被按下并松开。
鼠标事件：
- onmousedown 鼠标按钮被按下。
- onmouseup 鼠标按键被松开。
- onmouseover 鼠标移到某元素之上。
- onmouseout 鼠标从某元素移开。
- onmousemove 鼠标被移动。
表单事件：
- onsubmit 确认按钮被点击。
- onreset 重置按钮被点击。
加载与卸载事件
- onload 一张页面或一幅图像完成加载。
- onunload 用户退出页面。 其他浏览器不支持 IE支持
其他事件：
针对表单
- onchange 域的内容被改变。 比如下拉框
- onselect 文本被选中。
扫一扫
5119
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
