網(wǎng)頁設(shè)計前臺頁面技巧集.doc

網(wǎng)頁設(shè)計前臺頁面技巧集.txt懂得放手的人找到輕松，懂得遺忘的人找到自由，懂得關(guān)懷的人找到幸福！女人的聰明在于能欣賞男人的聰明。生活是燈，工作是油，若要燈亮，就要加油！相愛時，飛到天邊都覺得踏實，因為有你的牽掛；分手后，坐在家里都覺得失重，因為沒有了方向。1. oncontextmenu=window.event.returnValue=false 將徹底屏蔽鼠標(biāo)右鍵no 可用于Table2. 取消選取、防止復(fù)制3. onpaste=return false 不準(zhǔn)粘貼4. oncopy=return false; oncut=return false; 防止復(fù)制5. IE地址欄前換成自己的圖標(biāo)6. 可以在收藏夾中顯示出你的圖標(biāo)7. 關(guān)閉輸入法8. 永遠(yuǎn)都會帶著框架9. 防止被人frame10. 網(wǎng)頁將不能被另存為; 11. 12.刪除時確認(rèn)刪除 13. 取得控件的絕對位置/Javascriptfunction getIE(e)var t=e.offsetTop;var l=e.offsetLeft;while(e=e.offsetParent)alert(top=+t+/nleft=+l);/VBScript!-function getIE()dim t,l,a,bset a=document.all.img1t=document.all.img1.offsetTopl=document.all.img1.offsetLeftwhile a.tagNameBODYset a = a.offsetParentt=t+a.offsetTopl=l+a.offsetLeftwendmsgbox top=&t&chr(13)&left=&l,64,得到控件的位置end function-14. 光標(biāo)是停在文本框文字的最后function cc()var e = event.srcElement;var r =e.createTextRange();r.moveStart(character,e.value.length);r.collapse(true);r.select();15. 判斷上一頁的來源javascript:document.referrer16. 最小化、最大化、關(guān)閉窗口 本例適用于IE17.屏蔽功能鍵Shift,Alt,Ctrlfunction look() if(event.shiftKey) alert(禁止按Shift鍵!); /可以換成ALTCTRL document.onkeydown=look; 18. 網(wǎng)頁不會被緩存或者19.怎樣讓表單沒有凹凸感？ 或20.&的區(qū)別？ (division)用來定義大段的頁面元素，會產(chǎn)生轉(zhuǎn)行 用來定義同一行內(nèi)的元素，跟的唯一區(qū)別是不產(chǎn)生轉(zhuǎn)行 是ns的標(biāo)記，ie不支持，相當(dāng)于21.讓彈出窗口總是在最上面:22.不要滾動條? 讓豎條沒有: 讓橫條沒有: 兩個都去掉？更簡單了 23.怎樣去掉圖片鏈接點(diǎn)擊后，圖片周圍的虛線？24.電子郵件處理提交表單 25.在打開的子窗口刷新父窗口的代碼里如何寫？window.opener.location.reload()26.如何設(shè)定打開頁面的大小打開頁面的位置27.在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動 body background-image:url(/blog/logo.gif); background-repeat:no-repeat; background-position:center;background-attachment: fixed 28. 檢查一段字符串是否全由數(shù)字組成29. 獲得一個窗口的大小document.body.clientWidth; document.body.clientHeight30. 怎么判斷是否是字符if (/x00-/xff/g.test(s) alert(含有漢字);else alert(全是字符);31.TEXTAREA自適應(yīng)文字行數(shù)的多少32. 日期減去天數(shù)等于第二個日期function cc(dd,dadd)/可以加上錯誤處理var a = new Date(dd)a = a.valueOf()a = a - dadd * 24 * 60 * 60 * 1000a = new Date(a)alert(a.getFullYear() + 年 + (a.getMonth() + 1) + 月 + a.getDate() + 日)cc(12/23/2002,2)33. 選擇了哪一個Radiofunction checkme()for each ob in radio1if ob.checked then window.alert ob.valuenextend functionStyleBarcode34.腳本永不出錯 35.ENTER鍵可以讓光標(biāo)移到下一個輸入框36. 檢測某個網(wǎng)站的鏈接速度：把如下代碼加入?yún)^(qū)域中:tim=1setInterval(tim+,100)b=1var autourl=new Array()autourl1=autourl2=autourl3=autourl4=autourl5=function butt()document.write()for(var i=1;iautourl.length;i+)document.write( = =)document.write()butt()function auto(url)elseb+function run()for(var i=1;iautourl.length;i+)document.write()run()37. 各種樣式的光標(biāo)auto ：標(biāo)準(zhǔn)光標(biāo)default ：標(biāo)準(zhǔn)箭頭hand ：手形光標(biāo)wait ：等待光標(biāo)text ：I形光標(biāo)vertical-text ：水平I形光標(biāo)no-drop ：不可拖動光標(biāo)not-allowed ：無效光標(biāo)help ：?幫助光標(biāo)all-scroll ：三角方向標(biāo)move ：移動標(biāo)crosshair ：十字標(biāo)e-resizen-resizenw-resizew-resizes-resizese-resizesw-resize38.頁面進(jìn)入和退出的特效進(jìn)入頁面推出頁面 這個是頁面被載入和調(diào)出時的一些特效。duration表示特效的持續(xù)時間，以秒為單位。transition表示使用哪種特效，取值為1-23:0 矩形縮小 1 矩形擴(kuò)大 2 圓形縮小3 圓形擴(kuò)大 4 下到上刷新 5 上到下刷新6 左到右刷新 7 右到左刷新 8 豎百葉窗9 橫百葉窗 10 錯位橫百葉窗 11 錯位豎百葉窗12 點(diǎn)擴(kuò)散 13 左右到中間刷新 14 中間到左右刷新15 中間到上下16 上下到中間 17 右下到左上18 右上到左下 19 左上到右下 20 左下到右上21 橫條 22 豎條 23 以上22種隨機(jī)選擇一種39.在規(guī)定時間內(nèi)跳轉(zhuǎn) 40.網(wǎng)頁是否被檢索其中屬性值有以下一些:屬性值為all: 文件將被檢索，且頁上鏈接可被查詢；屬性值為none: 文件不被檢索，而且不查詢頁上的鏈接；屬性值為index: 文件將被檢索；屬性值為follow: 查詢頁上的鏈接；屬性值為noindex: 文件不檢索，但可被查詢鏈接；屬性值為nofollow: 文件不被檢索，但可查詢頁上的鏈接。最大化窗口？解決問題：由于層與下拉框之間的優(yōu)先級是：下拉框 層，因此在顯示的時候，會因為優(yōu)先級的次序而會出現(xiàn)如上問題。（如果幾個元素都是層的話，我們可以通過層的 z-index 屬性來設(shè)置）解決辦法就是：給層中放一個優(yōu)先級比下拉框更高的元素（iframe），從而解決此問題！具體解決代碼如下：item 1item 2item 3item 4item 5menuA form selection list輸入框也可以做的很漂亮了外向數(shù)：沒回答的題數(shù)：總得分:結(jié)論: 注意：修改為即為打開最大化窗口，而如果改為就變?yōu)榇翱谝淮蜷_就最小化 頁面自動刷新（說明）當(dāng)你做網(wǎng)頁時，是不是有的時候想讓你的網(wǎng)頁自動不停刷新，或者過一段時間自動跳轉(zhuǎn)到另外一個你自己設(shè)定的頁面？其實實現(xiàn)這個效果非常地簡單，而且這個效果甚至不能稱之為特效。你只要把如下代碼加入你的網(wǎng)頁中就可以了。1，頁面自動刷新：把如下代碼加入?yún)^(qū)域中,其中20指每隔20秒刷新一次頁面.2，頁面自動跳轉(zhuǎn)：把如下代碼加入?yún)^(qū)域中,其中20指隔20秒后跳轉(zhuǎn)到頁面。 頁面自動關(guān)閉5000是指時間 彈出窗口自動關(guān)閉 10秒后彈出窗口自動關(guān)閉注意：在新的tan.htm的body中要加 head注意：這段代碼是在新建文件中的function closeit() 這個可不是(引用）呀。是直接調(diào)用的。以下代碼加入?yún)^(qū)域1.訪問html 標(biāo)記的自定義屬性 alert(aa.getAttribute(msg);alert(aa.getAttribute(value);aa.setAttribute(msg,someAttribute);2.使用 BUTTON 創(chuàng)建帶下劃線的 按鈕。Delete (j)3. 給字符串加上原型函數(shù)Stotype.startsWith = function(startWith)var len = startWith.length;if(this.substring(0,len) = startWith)return true;elsereturn false;Stotype.startsWithIgnoreCase = function(startWith)var strCopy = this.toLowerCase();var len = startWith.length;if(this.substring(0,len) = startWith.toLowerCase()return true;elsereturn false;Stotype.endsWith = function(endWith)if(this.substring(this.indexOf(endWith) = endWith)return true;elsereturn false;Stotype.endsWithIgnoreCase = function(endWith)var strCopy = this.toLowerCase();if(strCopy.substring(strCopy.indexOf(endWith.toLowerCase().toLowerCase() = endWith.toLowerCase()return true;elsereturn false;4. 四舍五入 函數(shù)：/* floatVal= * exp = 精度。 小數(shù)點(diǎn)后面幾位， 如果不要小數(shù)點(diǎn)，參數(shù)可以設(shè)置為0.*/function fnRound(floatVal,exp)return Math.round(floatVal * Math.pow(10, exp) /Math.pow(10, exp) +;以下為Input高級用法：1.取消按鈕按下時的虛線框 在input里添加屬性值 hideFocus 或者 HideFocus=true 2.只讀文本框內(nèi)容 在input里添加屬性值 readonly 3.防止退后清空的TEXT文檔(可把style內(nèi)容做做為類引用) 4.ENTER鍵可以讓光標(biāo)移到下一個輸入框 5.只能為中文(有閃動) 6.只能為數(shù)字(有閃動) 7.只能為數(shù)字(無閃動) input style=ime-mode:disabled onkeydown=if(event.keyCode=13)event.keyCode=9 onKeyPress=if (event.keyCode57) event.returnValue=false 8.只能輸入英文和數(shù)字(有閃動) 9.屏蔽輸入法 10. 只能輸入 數(shù)字，小數(shù)點(diǎn)，減號（-） 字符(無閃動) input onKeyPress=if (event.keyCode!=46 & event.keyCode!=45 & (event.keyCode57) event.returnValue=false 11. 只能輸入兩位小數(shù)，三位小數(shù)(有閃動) input maxlength