1.js的弹窗方法
1.输出内容:document.write
2.警告内容:alert(“内容”),弹框只有确定按钮,起到提示作用
3.确定内容:confirm(“内容”),弹框有确定和取消按钮,分别返回值为true、false
4.提问窗口:prompt(“弹框内容(不可修改),文本框默认内容(可修改)”),弹框包括确定按钮、取消按钮、文本框,点击确定按钮返回文本框内容、点击取消按钮返回null。
5.打开新窗口:window.open(, <窗口名称>, <参数字符串>);
2.js的取整方法
-
parseInt(5/2) 丢弃小数部分,保留整数部分
-
Math.ceil(5/2)向上取整,有小数就整数部分加1
-
Math.floor(5/2)向下取整,丢弃小数部分
-
Math.round(5/2)四舍五入
-
Math.min(1,2,3)取最小值
-
Math.max(1,2,3)取最大值
3.js获取DOM元素的方法
1.根据ID来获取元素
document.getElementById('box')
2.根据标签来获取元素
document.getElementsByTagName('div')
3.根据类名返回元素对象集合
document.getElementsByClassName('box')
4.根据指定选择器返回第一个元素对象
document.querySelector('.box')
5.根据指定选择器返回所有元素对象
document.querySelectorAll('li')
4.js鼠标事件
1 onclick --- 鼠标点击执行js函数
2 onfocus --- 光标选中执行js函数
3 onblur --- 光标移走执行js函数
4 onmouseover --- 鼠标移到某个标签执行js函数
5 onmouseout --- 鼠标从某个标签移走执行js函数
5.js键盘事件
1.keydown:在键盘上按下某个键时触发。
2.keypress:按下某个键盘键并释放时触发
3.keyup:释放某个键盘键时触发
6.js转换大小写的方法
1、转换成大写:toUpperCase()
2、转换成小写:toLowerCase()
7.js阻止事件冒泡的方法
1.stopPropagation()
2.cancelBubble = true
8.js禁止右键菜单和选中文字
1.contextmenu 禁用右键菜单
2.selectstart 禁止选中文字
9.js拼接和截取字符串
1. concat 拼接字符串
2. substr 截取的起始位置 截取几个字符
substr(2,2) 第一个2是索引号 第二个2是取几个字符
10.立即执行函数
ES6 新增的语法形式
立即执行函数 也称自执行函数 在定义函数的同时 就触发执行函数
立即执行函数的语法
(函数)()
!函数()
~函数()
(function (){ console.log(222) })();
!function (){ console.log(333) }();
~function (){ console.log(444) }();
11.js生成随机数
1.Math.random 获取 0~1.0 之间的随机数
2.Math.round(Math.random()) 随机获取 0 和 1
3.Math.round(Math.random()*10) 随机获取 0~10 之间的一个整数
4.Math.round(Math.random()*5+5) 随机获取 5~10 之间的一个整数
5.Math.round(Math.random()*10+10) 随机获取 10~20 之间的一个整数