JavaScript new語句使用
new操作符用于新建對象類型實(shí)例。
<HTML>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
function employee(name, code, designation) {
this.name = name
this.code = code
this.designation = designation
}
newemp = new employee("John Dias", "A001", "職員");
document.write("雇員姓名：" + newemp.name + "<BR>");
document.write("雇員代號：" + newemp.code + "<BR>");
document.write("頭銜：" + newemp.designation);
</SCRIPT>
</BODY>
</HTML>
JavaScript with語句使用
with語句用于執(zhí)行一組語句，所有這些語句都假定引用指定的對象。
<HTML>
<BODY>
<SCRIPT LANGUAGE ="JavaScript">
var a, b, c;
var r=10;
with (Math) {
a = PI * r * r;
b = r * cos(PI);
c = r * sin(PI/2);
}
document.write (a +"<BR>");
document.write (b +"<BR>");
document.write (c +"<BR>");
</SCRIPT>
</BODY>
</HTML>
JavaScript 字符串對象
字符串對象示例
<HTML>
<BODY>
<script language = "Javascript">
var bstr = "大號";
var sstr = "小號";
var blstr = "粗體";
var blkstr = “閃爍”;
var ucase = "大寫";
var lcase = "小寫";
document.write ("<BR>這是"+ bstr.big() + "文本");
document.write ("<BR>這是"+ sstr.small() +"文本");
document.write ("<BR>這是"+ blstr.bold() + "文本");
document.write ("<BR>這是"+ blkstr.blink() + "文本");
document.write ("<BR>這是"+ ucase.toUpperCase() + "文本");
document.write ("<BR>這是"+ lcase.toLowerCase() + "文本");
</script>
</BODY>
</HTML>
字符串左右兩端空格處理方法
<html>
<head>
<title>js String Object</title>
<script language="javascript">
//此處為string類添加三個成員
String.prototype.Trim = function(){ return Trim(this);}
String.prototype.LTrim = function(){return LTrim(this);}
String.prototype.RTrim = function(){return RTrim(this);}
//此處為獨(dú)立函數(shù)
function LTrim(str)//去除左邊空格
{
var i;
for(i=0;i<str.length;i++)
{
if(str.charAt(i)!=" "&&str.charAt(i)!=" ")break;
}
str=str.substring(i,str.length);
return str;
}
function RTrim(str)//去除右邊空格
{
var i;
for(i=str.length-1;i>=0;i--)
{
if(str.charAt(i)!=" "&&str.charAt(i)!=" ")break;
}
str=str.substring(0,i+1);
return str;
}
function Trim(str)//去除左右兩邊空格
{
return LTrim(RTrim(str));
}
</script>
<head>
<body>
<script>alert(" string ".LTrim(this).length);</script>
<script>alert(" string ".RTrim(this).length);</script>
<script>alert(" string ".Trim(this).length);</script>
</body>
</html>
JavaScript RegExp(正則表達(dá)式)對象
/**//*語法1 re = new RegExp("pattern",["flags"]);
語法2 re = /pattern/[flags];
可選項(xiàng)。如果使用語法 2 要用引號將 flag 引起來。標(biāo)志可以組合使用，可用的有：
g （全文查找出現(xiàn)的所有 pattern）
i （忽略大小寫）
m （多行查找）*/
var pattern1 = new RegExp("e","g");
var pattern2 = new RegExp(/^[1-9]\d*$/);
var pattern3 = /^[1-9]\d*$/;
RegExp 對象有 3 個方法：test()、exec() 以及 compile()。
test() 方法檢索字符串中的指定值。返回值是 true 或 false，一般在檢查字符串的合法性時使用，如檢查輸入值是否為正浮點(diǎn)數(shù)。
exec() 方法檢索字符串中的指定值。返回值是被找到的值。如果沒有發(fā)現(xiàn)匹配，則返回 null。
compile() 方法用于改變 RegExp，如果不太清楚請看下面的例子。
<html>
<body>
<script type="text/javascript">
function CompileDemo(){
var rs;
var s = "AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPp";
// 只為大寫字母創(chuàng)建正則表達(dá)式。
var r = new RegExp("[A-Z]", "g");
var a1 = s.match(r); // 查找匹配。
// 只為小寫字母編譯正則表達(dá)式。
r.compile("[a-z]", "g");
var a2 = s.match(r); // 查找匹配。
return(a1 + "\n" + a2);
}
alert(CompileDemo());
</script>
</body>
</html>
JavaScript---獲取事件信息
JavaScript中：window.event或event對象獲取事件信息調(diào)用其keyCode獲取按鍵的鍵位號
event.keyCode ---- 返回對應(yīng)鍵位的值
event.shiftKey ---- 如果觸動了shift鍵則返回true
event.ctrlKey ---- 如果觸動了ctrl鍵則返回true
event.altKey ---- 如果觸動了alt鍵則返回true
HTML事件
onClick ---單擊事件
ondblclick---鼠標(biāo)雙擊
onMouseDown --- 鼠標(biāo)按下
onMouseUp---鼠標(biāo)彈起
oncontextmenu---鼠標(biāo)右擊
onChange --- 值改變事件
onFocus --- 獲取焦點(diǎn)
onBlur --- 失去焦點(diǎn)
onMouseOver---鼠標(biāo)移動
onMouseOut ---鼠標(biāo)離開
onLoad ---加載事件
onSubmit ---提交事件
Navigator 對象的屬性
appCodeName 返回瀏覽器的代碼名。
appMinorVersion 返回瀏覽器的次級版本。
appName 返回瀏覽器的名稱。
appVersion 返回瀏覽器的平臺和版本信息
browserLanguage 返回當(dāng)前瀏覽器的語言。
cookieEnabled 返回指明瀏覽器中是否啟用 cookie 的布爾值。
cpuClass 返回瀏覽器系統(tǒng)的 CPU 等級。
onLine 返回指明系統(tǒng)是否處于脫機(jī)模式的布爾值。
platform 返回運(yùn)行瀏覽器的操作系統(tǒng)平臺。
Navigator 對象的方法
javaEnabled() 規(guī)定瀏覽器是否啟用 Java。
Window對象的屬性：
closed 返回窗口是否已被關(guān)閉。
defaultStatus 設(shè)置或返回窗口狀態(tài)欄中的默認(rèn)文本。
document 對 Document 對象的只讀引用。
history 對 History 對象的只讀引用。
length 設(shè)置或返回窗口中的框架數(shù)量。
location 用于窗口或框架的Location 對象。
name 設(shè)置或返回窗口的名稱。
Navigator 對 Navigator 對象的只讀引用。
opener 返回對創(chuàng)建此窗口的窗口的引用。
outerheight 返回窗口的外部高度。
outerwidth 返回窗口的外部寬度。
parent 返回父窗口。
Screen 對 Screen 對象的只讀引用。
self 返回對當(dāng)前窗口的引用。等價于 Window 屬性。
status 設(shè)置窗口狀態(tài)欄的文本。
top 返回最頂層的先輩窗口。
window window 屬性等價于 self 屬性，它包含了對窗口自身的引用。
Window對象的方法：
alert(信息字串) 彈出警告信息
confirm(信息字串) 顯示確認(rèn)信息對話框
prompt(提示字串[，默認(rèn)值]) 顯示提示信息，并提供可輸入的字段
atob(譯碼字串) 對base-64編碼字串進(jìn)行譯碼
btoa(字串) 將進(jìn)行base-64編碼
back() 回到歷史記錄的上一網(wǎng)頁
forward() 加載歷史記錄中的下一網(wǎng)頁
open(URL，窗口名稱[，窗口規(guī)格])
close()
focus() 焦點(diǎn)移到該窗口
blur() 窗口轉(zhuǎn)成背景
stop() 停止加載網(wǎng)頁
enableExternalCapture() 允許有框架的窗口獲取事件
disableExternalCapture() 關(guān)閉enableExternalCapture()
captureEvents(事件類型) 捕捉窗口的特定事件
routeEvent(事件) 傳送已捕捉的事件
handleEvent(事件) 使特定事件的處理生效
releaseEvents(事件類型) 釋放已獲取的事件
moveBy(水平點(diǎn)數(shù)，垂直點(diǎn)數(shù)) 相對定位
moveTo(x坐標(biāo)，y坐標(biāo)) 絕對定位
home() 進(jìn)入瀏覽器設(shè)置的主頁
find([字串[,caseSensitivr,backward]]) 查找窗口中特定的字串
print() 打印當(dāng)前窗口的內(nèi)容。
setHotKeys(true|false) 激活或關(guān)閉組合鍵
setZOptions() 設(shè)置窗口重疊時的堆棧順序
setInterval(表達(dá)式，毫秒)
setTimeout(表達(dá)式，毫秒)
clearInterval(定時器對象)
clearTimeout(定時器對象)
showModalDialog() 彈出模態(tài)窗體，通過window.dialogArguments獲取父窗體傳過來的值，通過window.returnValue給父窗體傳值。
Document 對象的屬性
body 提供對 <body> 元素的直接訪問。對于定義了框架集的文檔，該屬性引用最外層的 <frameset>。
cookie 設(shè)置或返回與當(dāng)前文檔有關(guān)的所有 cookie。
domain 返回當(dāng)前文檔的域名。
lastModified 返回文檔被最后修改的日期和時間。
referrer 返回載入當(dāng)前文檔的文檔的 URL。
title 返回當(dāng)前文檔的標(biāo)題。
URL 返回當(dāng)前文檔的 URL。
Document 對象的方法
close() 關(guān)閉用 document.open() 方法打開的輸出流，并顯示選定的數(shù)據(jù)。
getElementById() 返回對擁有指定 id 的第一個對象的引用。
getElementsByName() 返回帶有指定名稱的對象集合。
getElementsByTagName() 返回帶有指定標(biāo)簽名的對象集合。
open() 打開一個流，以收集來自任何 document.write() 或 document.writeln() 方法的輸出。
write() 向文檔寫 HTML 表達(dá)式 或 JavaScript 代碼。
writeln() 等同于 write() 方法，不同的是在每個表達(dá)式之后寫一個換行符。
Location 對象的屬性
hash 設(shè)置或返回從井號 (#) 開始的 URL（錨）。
host 設(shè)置或返回主機(jī)名和當(dāng)前 URL 的端口號。
hostname 設(shè)置或返回當(dāng)前 URL 的主機(jī)名。
href 設(shè)置或返回完整的 URL。
pathname 設(shè)置或返回當(dāng)前 URL 的路徑部分。
port 設(shè)置或返回當(dāng)前 URL 的端口號。
protocol 設(shè)置或返回當(dāng)前 URL 的協(xié)議。
search 設(shè)置或返回從問號 (?) 開始的 URL（查詢部分）。
Location 對象的方法
assign() 加載新的文檔。
reload() 重新加載當(dāng)前文檔。
replace() 用新的文檔替換當(dāng)前文檔。
History 對象的屬性
length 返回瀏覽器歷史列表中的 URL 數(shù)量
History 對象的方法
back() 加載 history 列表中的前一個 URL
forward() 加載 history 列表中的下一個 URL
go() 加載 history 列表中的某個具體頁面