no可用于Table2.

亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

取消選取、防止復制3.onpaste=returnfalse不準粘貼4.oncopy=returnfalse;oncut=returnfalse;防止復制5.<" />

40種網頁常用小技巧(javascript)

系統 2568 0

1.?oncontextmenu=window.event.returnValue=false?將徹底屏蔽鼠標右鍵
<table?border?oncontextmenu=return(false)><td>no</table>?可用于Table

2.?<body?onselectstart=return?false>?取消選取、防止復制

3.?onpaste=return?false?不準粘貼

4.?oncopy=return?false;?oncut=return?false;?防止復制

5.?<link?rel=Shortcut?Icon?href=favicon.ico>?IE地址欄前換成自己的圖標

6.?<link?rel=Bookmark?href=favicon.ico>?可以在收藏夾中顯示出你的圖標

7.?<input?style=ime-mode:disabled>?關閉輸入法

8.?永遠都會帶著框架
<script?language= javascript ><!--
if?(window?==?top)top.location.href?=?frames.htm;?//frames.htm為框架網頁
//?--></script>

9.?防止被人frame
<SCRIPT?LANGUAGE= javascript ><!--?
if?(top.location?!=?self.location)top.location=self.location;
//?--></SCRIPT>

10.?網頁將不能被另存為
<noscript><iframe?src=*.html></iframe></noscript>?

11.?<input?type=button?value=查看網頁源代碼?
onclick=window.location?=?view-source:+?http://www.pconline.com.cn>

12.刪除時確認
<a?href= javascript :if(confirm(確實要刪除嗎?))location=boos.asp?&areyou=刪除&page=1>刪除</a>?

13.?取得控件的絕對位置
// javascript
<script?language= javascript >
function?getIE(e){
var?t=e.offsetTop;
var?l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert(top=+t+/nleft=+l);
}
</script>

//VBScript
<script?language=VBScript><!--
function?getIE()
dim?t,l,a,b
set?a=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
while?a.tagName<>BODY
set?a?=?a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgbox?top=&t&chr(13)&left=&l,64,得到控件的位置
end?function
--></script>

14.?光標是停在文本框文字的最后
<script?language= javascript >
function?cc()
{
var?e?=?event.srcElement;
var?r?=e.createTextRange();
r.moveStart(character,e.value.length);
r.collapse(true);
r.select();
}
</script>
<input?type=text?name=text1?value=123?onfocus=cc()>

15.?判斷上一頁的來源
javascript :
document.referrer

16.?最小化、最大化、關閉窗口
<object?id=hh1?classid=clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11>?
<param?name=Command?value=Minimize></object>
<object?id=hh2?classid=clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11>?
<param?name=Command?value=Maximize></object>
<OBJECT?id=hh3?classid=clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11>
<PARAM?NAME=Command?VALUE=Close></OBJECT>
<input?type=button?value=最小化?onclick=hh1.Click()>
<input?type=button?value=最大化?onclick=hh2.Click()>
<input?type=button?value=關閉?onclick=hh3.Click()>
本例適用于IE

17.屏蔽功能鍵Shift,Alt,Ctrl
<script>
function?look(){?
if(event.shiftKey)?
alert(禁止按Shift鍵!);?//可以換成ALT CTRL
}?
document.onkeydown=look;?
</script>

18.?網頁不會被緩存
<META?HTTP-EQUIV=pragma?CONTENT=no-cache>
<META?HTTP-EQUIV=Cache-Control?CONTENT=no-cache,?must-revalidate>
<META?HTTP-EQUIV=expires?CONTENT=Wed,?26?Feb?1997?08:21:57?GMT>
或者<META?HTTP-EQUIV=expires?CONTENT=0>

19.怎樣讓表單沒有凹凸感?
<input?type=text?style=border:1?solid?#000000>?

<input?type=text?style=border-left:none;?border-right:none;?border-top:none;?border-bottom:?

1?solid?#000000></textarea>

20.<div><span>&<layer>的區別??
<div>(division)用來定義大段的頁面元素,會產生轉行?
<span>用來定義同一行內的元素,跟<div>的唯一區別是不產生轉行?
<layer>是ns的標記,ie不支持,相當于<div>

21.讓彈出窗口總是在最上面:
<body?onblur=this.focus();>

22.不要滾動條??
讓豎條沒有:?
<body?style=overflow:scroll;overflow-y:hidden>?
</body>?
讓橫條沒有:?
<body?style=overflow:scroll;overflow-x:hidden>?
</body>?
兩個都去掉?更簡單了?
<body?scroll=no>?
</body>?

23.怎樣去掉圖片鏈接點擊后,圖片周圍的虛線?
<a?href=#?onFocus=this.blur()><img?src=logo.jpg?border=0></a>

24.電子郵件處理提交表單
<form?name=form1?method=post?action=mailto:****@***.com?enctype=text/plain>?
<input?type=submit>
</form>

25.在打開的子窗口刷新父窗口的代碼里如何寫?
window.opener.location.reload()

26.如何設定打開頁面的大小
<body?onload=top.resizeTo(300,200);>
打開頁面的位置<body?onload=top.moveBy(300,200);>

27.在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動?
<STYLE>?
body?
{background-image:url(logo.gif);?background-repeat:no-repeat;?
background-position:center;background-attachment:?fixed}?
</STYLE>?

28.?檢查一段字符串是否全由數字組成
<script?language= javascript ><!--
function?checkNum(str){return?str.match(//D/)==null}
alert(checkNum(1232142141))
alert(checkNum(123214214a1))
//?--></script>

29.?獲得一個窗口的大小
document.body.clientWidth;?document.body.clientHeight

30.?怎么判斷是否是字符
if?(/[^/x00-/xff]/g.test(s))?alert(含有漢字);
else?alert(全是字符);

31.TEXTAREA自適應文字行數的多少
<textarea?rows=1?name=s1?cols=27?onpropertychange=this.style.posHeight=this.scrollHeight>
</textarea>
32.?日期減去天數等于第二個日期
<script?language= javascript >
function?cc(dd,dadd)
{
//可以加上錯誤處理
var?a?=?new?Date(dd)
a?=?a.valueOf()
a?=?a?-?dadd?*?24?*?60?*?60?*?1000
a?=?new?Date(a)
alert(a.getFullYear()?+?年?+?(a.getMonth()?+?1)?+?月?+?a.getDate()?+?日)
}
cc(12/23/2002,2)
</script>

33.?選擇了哪一個Radio
<HTML><script?language=vbscript>
function?checkme()
for?each?ob?in?radio1
if?ob.checked?then?window.alert?ob.value
next
end?function
</script><BODY>
<INPUT?name=radio1?type=radio?value=style?checked>Style
<INPUT?name=radio1?type=radio?value=barcode>Barcode
<INPUT?type=button?value=check?onclick=checkme()>
</BODY></HTML>

34.腳本永不出錯
<SCRIPT?LANGUAGE= javascript >?
<!--?Hide?
function?killErrors()?{?
return?true;?
}?
window.onerror?=?killErrors;?
//?-->?
</SCRIPT>

35.ENTER鍵可以讓光標移到下一個輸入框
<input?onkeydown=if(event.keyCode==13)event.keyCode=9>

36.?檢測某個網站的鏈接速度:
把如下代碼加入<body>區域中:
<script?language= javascript >
tim=1
setInterval(tim++,100)
b=1
var?autourl=new?Array()
autourl[1]=www.njcatv.net
autourl[2]=javacool.3322.net
autourl[3]=www.sina.com.cn
autourl[4]=www.nuaa.edu.cn
autourl[5]=www.cctv.com
function?butt(){
document.write(<form?name=autof>)
for(var?i=1;i<autourl.length;i++)
document.write(<input?type=text?name=txt+i+?size=10?value=測試中……>?=》<input?type=text?
name=url+i+?size=40>?=》<input?type=button?value=GO?

onclick=window.open(this.form.url+i+.value)><br>)
document.write(<input?type=submit?value=刷新></form>)
}
butt()
function?auto(url){
document.forms[0][url+b].value=url
if(tim>200)
{document.forms[0][txt+b].value=鏈接超時}
else
{document.forms[0][txt+b].value=時間+tim/10+秒}
b++
}
function?run(){for(var?i=1;i<autourl.length;i++)document.write(<img?src=http://+autourl+/+Math.random()+?width=1?height=1?

onerror=auto(http://+autourl+)>)}
run()</script>

37.?各種樣式的光標
auto?:標準光標
default?:標準箭頭
hand?:手形光標
wait?:等待光標
text?:I形光標
vertical-text?:水平I形光標
no-drop?:不可拖動光標
not-allowed?:無效光標
help?:?幫助光標
all-scroll?:三角方向標
move?:移動標
crosshair?:十字標
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize

38.頁面進入和退出的特效
進入頁面<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?右下到左上
  18?右上到左下?
  19?左上到右下?
  20?左下到右上
  21?橫條?
  22?豎條?
  23?以上22種隨機選擇一種

39.在規定時間內跳轉
<META?http-equiv=V=REFRESH?content=5;URL=http://www.51js.com>?

40.網頁是否被檢索
<meta?name=ROBOTS?content=屬性值>
  其中屬性值有以下一些:
  屬性值為all:?文件將被檢索,且頁上鏈接可被查詢;
  屬性值為none:?文件不被檢索,而且不查詢頁上的鏈接;
  屬性值為index:?文件將被檢索;
  屬性值為follow:?查詢頁上的鏈接;
  屬性值為noindex:?文件不檢索,但可被查詢鏈接;
  屬性值為nofollow:?文件不被檢索,但可查詢頁上的鏈接。



40種網頁常用小技巧(javascript)


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 香蕉黄色片 | 国产成人精品免费大全 | 波多野野结衣1区二区 | 国产精品福利资源在线 | 神马不卡 | 国产欧美日韩一区二区三区视频 | 国内视频精品 | 在线免费不卡视频 | 亚洲综合伊人色一区 | 国产成人精品综合久久久软件 | 欧美特级大片 | 久久久久国产 | 欧美亚洲综合另类成人 | 激情社区 | 亚洲视频三级 | 国产成人精品精品欧美 | 亚洲成在人天堂一区二区 | 高清欧美一级在线观看 | 国产一级二级在线观看 | 亚洲 另类色区 欧美日韩 | 99精品久久久久中文字幕 | 成年女人免费毛片视频永久 | 日本不卡在线视频高清免费 | 激情欧美 | 婷婷激情五月 | 99精品在线视频观看 | 欧美一级毛片欧美毛片视频 | 亚洲一区二区中文字5566 | 日本一级大黄毛片一级 | 午夜dy888理论不卡达达兔 | 欧美成人看片 | 女人洗澡一级毛片一级毛片 | 不卡中文字幕在线观看 | 免费成人小视频 | 女女同免费播放毛片 | 99热这里只有精品在线播放 | 99视频精品国在线视频艾草 | 日韩黄色网页 | 一本大道香蕉大vr在线吗视频 | 国产精品久久久久影院免费 | 四虎在线网址 |