網站開發集錦

事件源對象

event.srcElement.tagName

event.srcElement.type

捕獲釋放

event.srcElement.setCapture();

event.srcElement.releaseCapture();

事件按鍵

event.keyCode

event.shiftKey

event.altKey

event.ctrlKey

事件傳回值

event.returnValue

滑鼠位置

event.x

event.y

窗體活動元素

document.activeElement

綁定事件

document.captureEvents(Event.KEYDOWN);

通路窗體元素

document.all("txt").focus();

document.all("txt").select();

窗體指令

document.execCommand

窗體COOKIE

document.cookie

菜單事件

document.oncontextmenu

建立元素

document.createElement("SPAN");

根據滑鼠獲得元素：

document.elementFromPoint(event.x,event.y).tagName=="TD

document.elementFromPoint(event.x,event.y).appendChild(ms)

窗體圖檔

document.images[索引]

窗體事件綁定

document.onmousedown=scrollwindow;

元素

document.窗體.elements[索引]

對象綁定事件

document.all.xxx.detachEvent('onclick',a);

插件數目

navigator.plugins

取變量類型

typeof($js_libpath) == "undefined"

下拉框

下拉框.options[索引]

下拉框.options.length

查找對象

document.getElementsByName("r1");

document.getElementById(id);

定時

timer=setInterval('scrollwindow()',delay);

clearInterval(timer);

UNCODE編碼

escape() ,unescape

父對象

obj.parentElement(dhtml)

obj.parentNode(dom)

交換表的行

TableID.moveRow(2,1)

替換CSS

document.all.csss.href = "a.css";

并排顯示

display:inline

隐藏焦點

hidefocus=true

根據寬度換行

style="word-break:break-all"

自動重新整理

簡單郵件

快速轉到位置

obj.scrollIntoView(true)

錨

<a href="#first">anchors</a>

網頁傳遞參數

location.search();

可編輯

obj.contenteditable=true

執行菜單指令

obj.execCommand

雙位元組字元

/[^\x00-\xff]/

漢字

/[\u4e00-\u9fa5]/

讓英文字元串超出表格寬度自動換行

word-wrap: break-word; word-break: break-all;

透明背景

獲得style内容

obj.style.cssText

HTML标簽

document.documentElement.innerHTML

第一個style标簽

document.styleSheets[0]

style标簽裡的第一個樣式

document.styleSheets[0].rules[0]

防止點選空連結時，頁面往往重置到頁首端。

上一網頁源

asp:

request.servervariables("HTTP_REFERER")

javascript:

document.referrer

釋放記憶體

CollectGarbage();

禁止右鍵

document.oncontextmenu = function() { return false;}

禁止儲存

禁止選取<body oncontextmenu="return false" ondragstart="return false"

onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()>

禁止粘貼

位址欄圖示

favicon.ico 名字最好不變16*16的16色,放虛拟目錄根目錄下

收藏欄圖示

檢視源碼

關閉輸入法

自動全選

ENTER鍵可以讓光标移到下一個輸入框

文本框的預設值

title換行

obj.title = "123 sdfs "

獲得時間所代表的微秒

var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()

視窗是否關閉

win.closed

checkbox扁平

擷取選中内容

document.selection.createRange().duplicate().text

自動完成功能

<input type=text autocomplete=on>打開該功能

<input type=text autocomplete=off>關閉該功能

視窗最大化

<body >

無關閉按鈕IE

window.open("aa.htm", "meizz", "fullscreen=7");

統一編碼/解碼

alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))

encodeURIComponent對":"、"/"、";" 和 "?"也編碼

表格行訓示

<tr >

//各種尺寸

s += "\r\n網頁可見區域寬："+ document.body.clientWidth;

s += "\r\n網頁可見區域高："+ document.body.clientHeight;

s += "\r\n網頁可見區域高："+ document.body.offsetWeight +" (包括邊線的寬)";

s += "\r\n網頁可見區域高："+ document.body.offsetHeight +" (包括邊線的寬)";

s += "\r\n網頁正文全文寬："+ document.body.scrollWidth;

s += "\r\n網頁正文全文高："+ document.body.scrollHeight;

s += "\r\n網頁被卷去的高："+ document.body.scrollTop;

s += "\r\n網頁被卷去的左："+ document.body.scrollLeft;

s += "\r\n網頁正文部分上："+ window.screenTop;

s += "\r\n網頁正文部分左："+ window.screenLeft;

s += "\r\n螢幕分辨率的高："+ window.screen.height;

s += "\r\n螢幕分辨率的寬："+ window.screen.width;

s += "\r\n螢幕可用工作區高度："+ window.screen.availHeight;

s += "\r\n螢幕可用工作區寬度："+ window.screen.availWidth;

//過濾數字

<input type=text onkeypress="return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf('.')&lt;0?event.keyCode==46alse)" onpaste="return !clipboardData.getData('text').match(/\D/)" ondragenter="return false">

//特殊用途

//不緩存

//正則比對

比對中文字元的正規表達式： [\u4e00-\u9fa5]

比對雙位元組字元(包括漢字在内)：[^\x00-\xff]

比對空行的正規表達式：\n[\s| ]*\r

比對HTML标記的正規表達式：/<(.*)>.*<\/\1>|<(.*) \/>/

比對首尾空格的正規表達式：(^\s*)|(\s*$)（像vbscript那樣的trim函數）

比對Email位址的正規表達式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*

比對網址URL的正規表達式：http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?

以下是例子：

利用正規表達式限制網頁表單裡的文本框輸入内容：

用正規表達式限制隻能輸入中文：onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"

1.用正規表達式限制隻能輸入全角字元： onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"

2.用正規表達式限制隻能輸入數字：onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"

3.用正規表達式限制隻能輸入數字和英文：onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"

//消除圖像工具欄

<head>

</head>

//無提示關閉

function Close()

{

var ua=navigator.userAgent

var ie=navigator.appName=="Microsoft Internet Explorer"?truealse

if(ie)

var IEversion=parseFloat(ua.substring(ua.indexOf("MSIE ")+5,ua.indexOf(";",ua.indexOf("MSIE "))))

if(IEversion< 5.5)

{

var str = '&lt;object id=noTipClose classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">'

str += '<param name="Command" value="Close"></object>';

document.body.insertAdjacentHTML("beforeEnd", str);

document.all.noTipClose.Click();

}

else

window.opener =null;

window.close();

}

else

window.close()

}

//取得控件得絕對位置(1)

function getoffset(e)

var t=e.offsetTop;

var l=e.offsetLeft;

while(e=e.offsetParent)

t+=e.offsetTop;

l+=e.offsetLeft;

var rec = new Array(1);

rec[0] = t;

rec[1] = l;

return rec

</script>

//獲得控件的絕對位置(2)

oRect = obj.getBoundingClientRect();

oRect.left

oRect.

//最小化,最大化,關閉

//光标停在文字最後

function cc()

var e = event.srcElement;

var r =e.createTextRange();

r.moveStart('character',e.value.length);

r.collapse(true);

r.select();

//頁面進入和退出的特效

進入頁面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">

推出頁面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">

這個是頁面被載入和調出時的一些特效。duration表示特效的持續時間，以秒為機關。transition表示使

用哪種特效，取值為1-23:

0 矩形縮小

1 矩形擴大

2 圓形縮小

3 圓形擴大

4 下到上重新整理

5 上到下重新整理

6 左到右重新整理

7 右到左重新整理

8 豎百葉窗

9 橫百葉窗

10 錯位橫百葉窗

11 錯位豎百葉窗

12 點擴散

13 左右到中間重新整理

14 中間到左右重新整理

15 中間到上下

16 上下到中間

17 右下到左上

網站開發集錦

繼續閱讀

程式員基本素質要求

Django網站開發第2講-開發屬于自己的部落格網站--将網站運作起來

8個道理，讓你的程式人生受益終生

[轉]俞敏洪：在職場混好必讀的22本書

我遇到的一些國内開發者的毛病我遇到的一些國内開發者的毛病不會問問題缺失擷取資訊的能力缺乏知識體系盲目跟風缺乏責任感不獨立思考不切實際不閱讀太把技術當回事不思進取

我的職業生涯（四）

[好文摘錄] 怎麼樣向老闆提問看上去不蠢？工作中的兩種思維如何通過問問題明确任務職場中有80%的時間花在溝通上，剩下的20%才是你完成任務的時間。學會問問題，是職場溝通中最重要的技能之一。

一秒看透本質的人，是如何思考的？

程式員履歷上寫這種項目，難怪面試當炮灰。。。二、如何讓你的項目經驗更有技術含量

程式員不了解這些投履歷的巨坑，面試注定一開始就失敗！前言第一階段：練手第二階段：沖刺第三階段：收尾

在公司裡寫代碼天天摸魚偷懶，出去面試又該怎麼寫履歷？

砺鷹職業測評|更了解自己的職業興趣

面試的三重境界

世界500強常用的管理方法和工具

一個四年java程式員的年終總結

PHP 五種運作模式簡介