常用的JavaScript程式碼

terryisme發表於2009-04-18

(1).在開啟的子視窗重新整理父視窗的程式碼裡如何寫?
window.opener.location.reload()
(2).如何設定開啟頁面的大小

開啟頁面的位置
(3).在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動

(4). 檢查一段字串是否全由數字組成

<br /> function checkNum(str)<br /> {<br /> return str.match(//D/)==null<br /> }<br /> alert(checkNum("1232142141"))<br /> alert(checkNum("123214214a1"))<br />

(5). 獲得一個視窗的大小
document.body.clientWidth;
document.body.clientHeight
(6). 怎麼判斷是否是字元
if (/[^/x00-/xff]/g.test(s)) alert("含有漢字");
else alert("全是字元");
(7).TEXTAREA自適應文字行數的多少
="this.style.posHeight=this.scrollHeight">

(7).指令碼永不出錯

(8).ENTER鍵可以讓游標移到下一個輸入框

(9).頁面進入和退出的特效
進入頁面
推出頁面
這個是頁面被載入和調出時的一些特效。duration表示特效的持續時間,以秒為單位。transition表示使用哪種特效,取值為1-23:
0.矩形縮小 1.矩形擴大 2.圓形縮小 3.圓形擴大 4.下到上重新整理 5.上到下重新整理 6.左到右重新整理 7.右到左重新整理 8.豎百葉窗
9.橫百葉窗 10.錯位橫百葉窗 11.錯位豎百葉窗 12.點擴散 13.左右到中間重新整理 14.中間到左右重新整理 15.中間到上下
16.上下到中間 17.右下到左上 18.右上到左下 19.左上到右下 20.左下到右上 21.橫條 22.豎條 以上22種隨機選擇一種
(10)、JavaScript主頁彈出視窗技巧
視窗中間彈出










****************************************************

//

JavaScript彈出視窗總結

1: window.open

window.open('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
引數解釋:
window.open 彈出新視窗的命令;
'page.html' 彈出視窗的檔名;
'newwindow' 彈出視窗的名字(不是檔名),非必須,可用空''代替;
height=100 視窗高度;
width=400 視窗寬度;
top=0 視窗距離螢幕上方的象素值;
left=0 視窗距離螢幕左側的象素值;
toolbar=no 是否顯示工具欄,yes為顯示;
menubar,scrollbars 表示選單欄和滾動欄。
resizable=no 是否允許改變視窗大小,yes為允許;
location=no 是否顯示位址列,yes為允許;
status=no 是否顯示狀態列內的資訊(通常是檔案已經開啟),yes為允許;

2: showModalDialog()、showModelessDialog()
(1) window.showModalDialog() 模態對話方塊
模態對話方塊始終有焦點(焦點不可移走,直到它關閉)。

(2) window.showModelessDialog() 非模態對話方塊
由於是對話方塊,因此它並沒有一般用window.open()開啟的視窗的所有屬性。
不必用window.close()去關閉它,
當以非模態方式[IE5]開啟時, 開啟對話方塊的視窗仍可以進行其他的操作,
即對話方塊不總是最上面的焦點,當開啟它的視窗URL改變時,它自動關閉。

(3) 使用方法如下:
vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [, sFeatures])
引數說明:
sURL
必選引數,型別:字串。用來指定對話方塊要顯示的文件的URL。
vArguments
可選引數,型別:變體。用來向對話方塊傳遞引數。傳遞的引數型別不限,包括陣列等。
對話方塊透過 window.dialogArguments 來獲取傳遞進來的引數, 透過 window.returnValue 來進行回傳引數。

sFeatures
可選引數,型別:字串。用來描述對話方塊的外觀等資訊,可以使用以下的一個或幾個,用分號“;”隔開。
dialogHeight 對話方塊高度,不小於100px,IE4中dialogHeight 和 dialogWidth 預設的單位是em,而IE5中是px,為方便其見,在定義modal方式的對話方塊時,用px做單位。
dialogWidth: 對話方塊寬度。
dialogLeft: 距離桌面左的距離。
dialogTop: 離桌面上的距離。
center: ...{yes | no | 1 | 0 }:視窗是否居中,預設yes,但仍可以指定高度和寬度。
help: ...{yes | no | 1 | 0 }:是否顯示幫助按鈕,預設yes。
resizable: ...{yes | no | 1 | 0 } [IE5+]:是否可被改變大小。預設no。
status: ...{yes | no | 1 | 0 } [IE5+]:是否顯示狀態列。預設為yes[ Modeless]或no[Modal]。
scroll:...{ yes | no | 1 | 0 | on | off }:指明對話方塊是否顯示捲軸。預設為yes。

還有幾個屬性是用在HTA中的,在一般的網頁中一般不使用。
dialogHide:...{ yes | no | 1 | 0 | on | off }:在列印或者列印預覽時對話方塊是否隱藏。預設為no。
edge:...{ sunken | raised }:指明對話方塊的邊框樣式。預設為raised。
unadorned:...{ yes | no | 1 | 0 | on | off }:預設為no。

3. 父視窗重新整理問題
(1) 用window.open()開啟的視窗
window.opener.location.reload();

(2) 用showModalDialog()開啟的視窗
window.parent.dialogArguments.document.execCommand('Refresh');

[@more@]http://www.cnblogs.com/jcomet/archive/2008/07/14/1242799.html

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/93029/viewspace-1020794/,如需轉載,請註明出處,否則將追究法律責任。

相關文章