針對JavaScript的常用事件、對象捕獲和使用技巧
來源:易賢網(wǎng) 閱讀:1014 次 日期:2015-04-22 11:30:13
溫馨提示:易賢網(wǎng)小編為您整理了“針對JavaScript的常用事件、對象捕獲和使用技巧”,方便廣大網(wǎng)友查閱!

事件源對象

event.srcElement.tagName

event.srcElement.type

捕獲釋放

event.srcElement.setCapture();

event.srcElement.releaseCapture();

事件按鍵

event.keyCode

event.shiftKey

event.altKey

event.ctrlKey

事件返回值

event.returnValue

鼠標(biāo)位置

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

創(chuàng)建元素

document.createElement("SPAN");

根據(jù)鼠標(biāo)獲得元素:

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);

插件數(shù)目

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

隱藏焦點(diǎn)

hidefocus=true

根據(jù)寬度換行

style="word-break:break-all"

自動刷新

<meta HTTP-EQUIV="refresh" CONTENT="8;URL=">

簡單郵件

<a href="">

快速轉(zhuǎn)到位置

obj.scrollIntoView(true)

<a name="first">

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

網(wǎng)頁傳遞參數(shù)

location.search();

可編輯

obj.contenteditable=true

執(zhí)行菜單命令

obj.execCommand

雙字節(jié)字符

/[^\x00-\xff]/

漢字

/[\u4e00-\u9fa5]/

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

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

透明背景

<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe>

獲得style內(nèi)容

obj.style.cssText

HTML標(biāo)簽

document.documentElement.innerHTML

第一個style標(biāo)簽

document.styleSheets[0]

style標(biāo)簽里的第一個樣式

document.styleSheets[0].rules[0]

防止點(diǎn)擊空鏈接時,頁面往往重置到頁首端。

<a href="javascript:function()">word</a>

上一網(wǎng)頁源

asp:

request.servervariables("HTTP_REFERER")

javascript:

document.referrer

釋放內(nèi)存

CollectGarbage();

禁止右鍵

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

禁止保存

<noscript><iframe src="*.htm"></iframe></noscript>

禁止選取<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()>

禁止粘貼

<input type=text onpaste="return false">

地址欄圖標(biāo)

<link rel="Shortcut Icon" href="favicon.ico">

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

收藏欄圖標(biāo)

<link rel="Bookmark" href="favicon.ico">

查看源碼

<input type=button value=查看網(wǎng)頁源代碼 onclick="window.location = 'view-source:'+ ''">

關(guān)閉輸入法

<input style="ime-mode:disabled">

自動全選

<input type=text name=text1 value="123" onfocus="this.select()">

ENTER鍵可以讓光標(biāo)移到下一個輸入框

<input onkeydown="if(event.keyCode==13)event.keyCode=9">

文本框的默認(rèn)值

<input type=text value="123" onfocus="alert(this.defaultValue)">

title換行

obj.title = "123 sdfs "

獲得時間所代表的微秒

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

窗口是否關(guān)閉

win.closed

checkbox扁平

<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br>

獲取選中內(nèi)容

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

自動完成功能

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

<input type=text autocomplete=off>關(guān)閉該功能

窗口最大化

<body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)">

無關(guān)閉按鈕IE

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

統(tǒng)一編碼/解碼

alert(decodeURIComponent(encodeURIComponent(" hehe")))

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

表格行指示

<tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'">

//各種尺寸

s += "\r\n網(wǎng)頁可見區(qū)域?qū)挘?+ document.body.clientWidth;

s += "\r\n網(wǎng)頁可見區(qū)域高:"+ document.body.clientHeight;

s += "\r\n網(wǎng)頁可見區(qū)域高:"+ document.body.offsetWeight +" (包括邊線的寬)";

s += "\r\n網(wǎng)頁可見區(qū)域高:"+ document.body.offsetHeight +" (包括邊線的寬)";

s += "\r\n網(wǎng)頁正文全文寬:"+ document.body.scrollWidth;

s += "\r\n網(wǎng)頁正文全文高:"+ document.body.scrollHeight;

s += "\r\n網(wǎng)頁被卷去的高:"+ document.body.scrollTop;

s += "\r\n網(wǎng)頁被卷去的左:"+ document.body.scrollLeft;

s += "\r\n網(wǎng)頁正文部分上:"+ window.screenTop;

s += "\r\n網(wǎng)頁正文部分左:"+ window.screenLeft;

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

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

s += "\r\n屏幕可用工作區(qū)高度:"+ window.screen.availHeight;

s += "\r\n屏幕可用工作區(qū)寬度:"+ window.screen.availWidth;

//過濾數(shù)字

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

//特殊用途

<input type=button value=導(dǎo)入收藏夾 onclick="window.external.ImportExportFavorites(true,'');">

<input type=button value=導(dǎo)出收藏夾 onclick="window.external.ImportExportFavorites(false,'');">

<input type=button value=整理收藏夾 onclick="window.external.ShowBrowserUI('OrganizeFavorites', null)">

<input type=button value=語言設(shè)置 onclick="window.external.ShowBrowserUI('LanguageDialog', null)">

<input type=button value=加入收藏夾 onclick="window.external.AddFavorite('', 'google')">

<input type=button value=加入到頻道 onclick="window.external.addChannel('')">

<input type=button value=加入到頻道 onclick="window.external.showBrowserUI('PrivacySettings',null)">

//不緩存

<META HTTP-EQUIV="pragma" CONTENT="no-cache">

<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">

<META HTTP-EQUIV="expires" CONTENT="0">

//正則匹配

匹配中文字符的正則表達(dá)式: [\u4e00-\u9fa5]

匹配雙字節(jié)字符(包括漢字在內(nèi)):[^\x00-\xff]

匹配空行的正則表達(dá)式:\n[\s| ]*\r

匹配HTML標(biāo)記的正則表達(dá)式:/<(.*)>.*<\/\1>|<(.*) \/>/

匹配首尾空格的正則表達(dá)式:(^\s*)|(\s*$)(像vbscript那樣的trim函數(shù))

匹配Email地址的正則表達(dá)式:\w+([-+.]

匹配網(wǎng)址URL的正則表達(dá)式:- ./?%&=]*)?

以下是例子:

利用正則表達(dá)式限制網(wǎng)頁表單里的文本框輸入內(nèi)容:

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

1.用正則表達(dá)式限制只能輸入全角字符: onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"

2.用正則表達(dá)式限制只能輸入數(shù)字:onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"

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

//消除圖像工具欄

<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="false">

or

<head>

<meta http-equiv="imagetoolbar" content="no">

</head>

//無提示關(guān)閉

function Close()

{

var ua=navigator.userAgent

var ie=navigator.appName=="Microsoft Internet Explorer"?true:false

if(ie)

{

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

if(IEversion< 5.5)

{

var str = '<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()

更多信息請查看IT技術(shù)專欄

更多信息請查看腳本欄目
易賢網(wǎng)手機(jī)網(wǎng)站地址:針對JavaScript的常用事件、對象捕獲和使用技巧
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機(jī)號
  • 驗證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機(jī)站點(diǎn) | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號
云南網(wǎng)警備案專用圖標(biāo)
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報警專用圖標(biāo)