2. 程式人生 > >40種常用的js程式碼

40種常用的js程式碼

阿新 • • 發佈：2018-12-26

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)>
")
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種常用的js程式碼

1. oncontextmenu="window.event.returnValue=false" 將徹底遮蔽滑鼠右鍵 <table border oncontextmenu=return(false)><td>no</table> 可用於

常用js程式碼

<pre name="code" class="javascript">function resetItem(){ var wWidth = $(window).width(); var wHeight=$(window).height(); var s

js實現菲波那切數列的兩種常用方法

res alert 定義 面向 div ret 如果 clas cti 菲波那切數列即：1 1 2 3 5 8......，後面的數字是前面兩個數字的和，並且第一個，第二個數字都是1，用js實現 的兩種方法，一種通過常用的遞歸調用，第二種不通過遞歸，而是通過強大的閉包實現。

常見40個常用的js頁面效果圖

button bili extra ray ssi aps expires v.net app 1. oncontextmenu="window.event.returnValue=false" 將徹底屏蔽鼠標右鍵<table border oncontextmenu

JS實現陣列去重方法總結(三種常用方法)

方法一： 雙層迴圈，外層迴圈元素，內層迴圈時比較值 如果有相同的值則跳過，不相同則push進陣列 Array.prototype.distinct = function(){  var arr = this,result = [], i,j,len = arr.length;  f

連結到 網頁中最常用的JS程式碼（js禁止右鍵、禁止複製）

<body oncontextmenu=”return false”></body> <!– 禁用右鍵: –> <script> function stop(){ return false; } document.oncontextmenu=st

Java程式碼複用的三種常用方式：繼承、組合和代理

複用程式碼是Java眾多引人注目的功能之一。這句話很通順，沒什麼問題，但問題在於很多人並不清楚“複用”是什麼。就好像我說“沉默王二是一個不止會寫程式碼的程式設計師”，唉，沉默王二是誰？ 如果想學習Java工程化、高效能及分散式、深入淺出。微服務、Spring，MyBatis，Netty原始碼分析的朋友可以加

物件建立的三種方式和閉包的兩種常用場景--js

物件建立的三種方式 ①通過new關鍵字建立物件 var obj = new Object(); obj.name = 'daxue'; obj.age = 28; obj.fun = function(){ } alert(obj.age); ②

jsp/html開發中常用的JS程式碼和頁面特效程式碼

1.jsp/html開發中常用的JS程式碼 1、後退 前進 <input type="button" value="後退" onClick="history.go(-1)"> <input type="button" value="前進" o

JS建立物件的三種方式和閉包的兩種常用場景

物件建立的三種方式 ①通過new關鍵字建立物件 var obj = new Object(); obj.name = 'daxue'; obj.age = 28; obj.fun = function(){ } alert(obj.age); ②簡單字面量

JS中的八種常用的跨域方式及其具體示例的總結（最新、最完整、最詳細）

JS中的八種常用的跨域方式及其具體示例的總結 　　這裡說的js跨域是指通過js在不同的域之間進行資料傳輸或通訊，比如用ajax向一個不同的域請求資料，或者通過js獲取頁面中不同域的框架中(iframe)的資料。 　　跨域問題是由於javascrip

web前端常用js小段程式碼

判斷是否為閏年 程式碼： function isLeapYear () { // 判斷是否為閏年 // 閏年能被4整除且不能被100整除，或能被400整除 return (this.getYear() % 4 === 0 &&

微信小程式彈出loading層的兩種方法：直接在程式碼裡控制，在wxml檔案里布局彈窗loading層，利用條件渲染，在js程式碼裡控制是否顯示loading層。

微信小程式彈出loading層的兩種方法：直接在程式碼裡控制，在wxml檔案里布局彈窗loading層，利用條件渲染，在js程式碼裡控制是否顯示loading層。  直接在程式碼裡控制 js程式碼 showLoading:function(){ wx.showToast({

幾種自動執行js程式碼的方式

最近在看jquery，發現他居然能自動執行js程式碼，於是就查了下，收集了幾種常用的實現方法 jquery的方法 使用場景：任何需要執行的js特效 $(document).ready(fu

網頁中最常用的JS程式碼（js禁止右鍵、禁止複製）

第一種也是簡單的新增事件： 【【<body oncopy="returnfalse">  禁止複製 <input type=""name=""id=""value=""onpaste="returnfalse"/>  禁止貼上 <body

一種很帥的JS程式碼書寫方式

提醒：本文最後更新於 3776 天前，文中所描述的資訊可能已發生改變，請謹慎使用。 最近在Dron的UCRen網站看到一種很帥的JS寫法，記錄一下。 UCRen是下面這樣引入widget的（摘自這個頁面）： <script type="text/javascript" src="../../

EasyUI的幾種JS程式碼

$("#selectUin").textbox({ onChange: function (old,newValue){ debugger;

分享一些前端開發中最常用的JS程式碼片段~ 乾貨~

HTML5 DOM 選擇器 // querySelector() 返回匹配到的第一個元素 var item = document.querySelector('.item'); console.log(item); // querySelectorAll()

js建立物件的幾種常用方式

第一種模式：工廠方式 Js程式碼  var lev=function(){      return "啊打";   };   function Parent(){          var  Child = new Object();          Child.name="李小龍";      

在html中嵌入js程式碼的幾種方式

1.最常用：使用script標籤的src屬性 <script>標籤包含src屬性，這個屬性可以指定包含js程式碼的檔案路徑，使用示例如下： 1.首先在工程新建一個javascript目錄，在目錄下新建demo.js檔案，檔案內容如下 function sho