常用的JavaScript程式碼
(1).在開啟的子視窗重新整理父視窗的程式碼裡如何寫?
window.opener.location.reload()
(2).如何設定開啟頁面的大小
開啟頁面的位置
(3).在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動
(4). 檢查一段字串是否全由數字組成
(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');
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/93029/viewspace-1020794/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- javascript常用程式碼段JavaScript
- 網頁常用JavaScript程式碼網頁JavaScript
- JavaScript中常用的事件程式碼及例項JavaScript事件
- javascript常用的正規表示式程式碼例項JavaScript
- 開發中常用的 25 個JavaScript 單行程式碼JavaScript行程
- JavaScript-總結常用程式碼書寫規範JavaScript
- 移動網站開發中常用的10段JavaScript程式碼網站JavaScript
- 常用的HTML程式碼
- 常用程式碼
- 常用,好用的js程式碼JS
- 編寫自己的程式碼庫(javascript常用例項的實現與封裝)JavaScript封裝
- RN常用程式碼
- 常用程式碼片段
- javascript的for in例項程式碼JavaScript
- 去除 JavaScript 程式碼的怪味JavaScript
- JavaScript 程式碼的加入(轉)JavaScript
- 編寫自己的程式碼庫(javascript常用例項的實現與封裝–續)JavaScript封裝
- 常用的JScript程式碼整理JS
- 常用的小工具程式碼
- 幾種常用的排序程式碼排序
- 小麥苗的常用程式碼
- 50個常用的JQuery程式碼jQuery
- 常用的資料庫程式碼資料庫
- 氣象中的常用程式碼
- JavaScript程式碼收集JavaScript
- 重構你的javascript程式碼JavaScript
- JS常用程式碼塊JS
- Laravel常用程式碼合集Laravel
- 安卓常用程式碼片段安卓
- JS常用程式碼片段JS
- Android常用程式碼Android
- html常用程式碼3HTML
- Gorm常用程式碼片段GoORM
- WEB程式設計開發常用的程式碼Web程式設計
- js- 常用指令碼程式碼JS指令碼
- 總結常用的掛馬程式碼
- javaScript程式碼優化JavaScript優化
- javascript程式碼積累JavaScript