js 生成4位随机数及Js知识汇总
//生成4位i随机数
var str = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890";
var arr = str.split("");
var result = "";
for(var i=0;i<4;i++)
{
var n = Math.floor(Math.random() * arr.length);
result += arr[n];
}
document.write(result);
var r = Math.floor(Math.random() * (255 + 1));
//oncopy事件来防止页面内容被复制
document.body.oncopy = function ()
{
return false;
}
//onselectstart事件来防止页面内容被选取
document.body.onselectstart=function()
{
return false;
}
//oncontextmenu事件来禁止鼠标右键
document.oncontextmenu = function ()
{
return false;
}
//oncopy、onselectstart、oncontextmenu这3个在大多数情况下都是用来保护版权的
//window.onunload，而更倾向于使用window.onbeforeunload
JavaScript常见的事件共有以下5种。
（1）鼠标事件
（2）键盘事件
（3）表单事件
（4）编辑事件
（5）页面事件
document对象常用的属性
属性 说明
document.title 获取文档的title
document.body 获取文档的body
document.forms 获取所有form元素
document.images 获取所有img元素
document.links 获取所有a元素
document.cookie 文档的cookie
document.URL 当前文档的URL
document.referrer 返回使浏览者到达当前文档的URL
document.getElementById() 通过id获取元素
document.getElementsByTagName() 通过标签名获取元素
document.getElementsByClassName() 通过class获取元素
document.getElementsByName() 通过name获取元素
document.querySelector() 通过选择器获取元素，只获取第1个
document.querySelectorAll() 通过选择器获取元素，获取所有
document.createElement() 创建元素节点
document.createTextNode() 创建文本节点
document.write() 输出内容
document.writeln() 输出内容并换行
（1）常量与变量 所有变量都是用var声明,未定义值用undefined
（2）数据类型
（3）运算符
（4）表达式与语句
（5）类型转换
（6）转义字符
（7）注释 变量的命名一定要区分大小写
运算符 说明 举例
+ 加 10+5 //返回15
－ 减 10-5 //返回5
* 乘 10*5 //返回50
/ 除 10/5 //返回2
% 求余 10%4 //返回2
++ 自增 var i=10;i++; //返回11
– – 自减 var i=10;i– –; //返回9
赋值运算符
运算符 举例
= var str=“绿叶学习网”
+= var a+=b等价于var a=a+b
-= var a-=b等价于var a=a-b
*= var a*=b等价于var a=a*b
/= var a/=b等价于var a=a/b
比较运算符
运算符 说明 举例
> 大于 2>1 //返回true
< 小于 2<1 //返回false
>= 大于等于 2>=2 //返回true
<= 小于等于 2<=2 //返回true
== 等于 1==2 //返回false
!= 不等于 1!=2 //返回true
逻辑运算符
运算符 说明
&& “与”运算
|| “或”运算
! “非”运算
var a = 条件 ? 表达式1 : 表达式2;
parseInt()会从左到右进行判断，如果第1个字符是数字，则继续判断，直到出现非数字为止（小数点也是非数字）；如果第1个字符是非数字，则直接返回NaN
常见的转义字符
转义字符 说明
\' 英文单引号
\" 英文双引号
\n 换行符
内置函数
函数 说明
parseInt() 提取字符串中的数字，只限提取整数
parseFloat() 提取字符串中的数字，可以提取小数
isFinite() 判断某一个数是否是一个有限数值
isNaN() 判断一个数是否是NaN值
escape() 对字符串进行编码
unescape() 对字符串进行解码
eval() 把一个字符串当做一个表达式一样去执行
常用的内置对象有4种。
（1）字符串对象：String
（2）数组对象：Array
（3）日期对象：Date
（4）数值对象：Math
字符串名.split("分割符")
join()
某个指定字符串”在字符串中首次出现的下标位置，也可以使用lastIndexOf()来找出“某个指定字符串”在字符串中最后出现的下标位置
使用slice()方法来获取数组的某一部分 数组名.slice(start, end); 包含start但不包含end
数组名.sort(函数名) 数组名.reverse();数组名.join("连接符");
用于获取时间的getXxx()
方法 说明
getFullYear() 获取年份，取值为4位数字
getMonth() 获取月份，取值为0（一月）到11（十二月）之间的整数
getDate() 获取日数，取值为1~31之间的整数
getHours() 获取小时数，取值为0~23之间的整数
getMinutes() 获取分钟数，取值为0~59之间的整数
getSeconds() 获取秒数，取值为0~59之间的整数
用于设置时间的setXxx()
方法 说明
setFullYear() 可以设置年、月、日
setMonth() 可以设置月、日
setDate() 可以设置日
setHours() 可以设置时、分、秒、毫秒
setMinutes() 可以设置分、秒、毫秒
setSeconds() 可以设置秒、毫秒
Math.属性
Math.方法
Math对象中的方法（常用）
方法 说明
max(a,b,…,n) 返回一组数中的最大值
min(a,b,…,n) 返回一组数中的最小值
sin(x) 正弦
cos(x) 余弦
tan(x) 正切
asin(x) 反正弦
acos(x) 反余弦
atan(x) 反正切
atan2(y, x) 反正切（注意y、x顺序）
floor(x) 向下取整
ceil(x) 向上取整
random() 生成随机数
Math对象中的方法（不常用）
方法 说明
abs(x) 返回x的绝对值
sqrt(x) 返回x的平方根
log(x) 返回x的自然对数（底为e）
pow(x,y) 返回x的y次幂
exp(x) 返回e的指数
Math.random()
Math.floot()
Math.cell()
6种方式来获取指定元素。
（1）getElementById()
（2）getElementsByTagName()
（3）getElementsByClassName()
（4）querySelector()和querySelectorAll()
（5）getElementsByName()
（6）document.title和document.body
A. insertBefore()
B. appendChild()
C. insert()
D. append()
http://www.lvyestudy.com/css3
