javascript 常用代碼

最後更新：2018-12-05 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

1. oncontextmenu="return false;" //屏蔽滑鼠右鍵, 注意IE7的body範圍與FF的不同（IE7指包含element的範圍，而FF則是全部）
<table border="1" oncontextmenu="return false;"></table> //可用於Table

2. <body onselectstart="return false;"> //禁止選擇文本: work in IE, but not work in FF

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.用css設定透明度（數字越小越透明）

filter: Alpha(opacity=70); //IE

opacity: 0.7; //FF

8. 永遠都會帶著架構
<script language="javascript"></script>

9. 防止被人frame
<SCRIPT LANGUAGE=javascript></SCRIPT>

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

11. <input type=button value=查看網頁原始碼
http://www.taptt.net/" target=_blank>http://www.taptt.net/`";>

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>

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" >

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="#" ><img src="logo.jpg" border=0></a>

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

25.在開啟的子視窗重新整理父視窗的代碼裡如何寫？
window.opener.location.reload(true)

26.如何設定開啟頁面的大小
<body >
開啟頁面的位置<body >

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

background-position:center;background-attachment: fixed}
</style>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More