//生成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