分享Javascript中最常用的55個經典小技巧_javascript技巧
1. oncontextmenu="window.event.returnValue=false" 將徹底屏蔽滑鼠右鍵
| no |
2.
取消選取、防止複製3. onpaste="return false" 不准貼上
4. oncopy="return false;" oncut="return false;" 防止複製
5. IE網址列前換成自己的圖示
6. 可以在收藏夾中顯示出你的圖示
7. 關閉輸入法
8. 永遠帶著框架
9. 防止被人frame
10. 網頁將無法儲存為
11.
12.刪除時確認
刪除
13. 取得控制項的絕對位置
程式碼如下:
程式碼如下:
程式碼如下：//Javascript
//VBScript
set a = a>while a.tagName"BODY"
set a = a>while a.tagName"BODY"
14. 遊標是停在文字方塊文字的最後
複製程式碼
程式碼如下:
15. 判断上一页的来源
javascript :
document.referrer
16. 最小化、最大化、关闭窗口
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
<script><br>function look(){ <br>if(event.shiftKey) <br>alert("禁止按Shift键!"); //可以换成ALT CTRL<br>} <br>document.onkeydown=look; <br></script>
18. 网页不会被缓存
或者
19.怎样让表单没有凹凸感？
或
20.
用来定义同一行内的元素，跟
21.让弹出窗口总是在最上面:
22.不要滚动条?
让竖条没有:
让横条没有:
两个都去掉？更简单了
23.怎样去掉图片链接点击后，图片周围的虚线？
24.电子邮件处理提交表单
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()
26.如何设定打开页面的大小
打开页面的位置
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
28. 检查一段字符串是否全由数字组成
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");
31.TEXTAREA自适应文字行数的多少
32. 日期减去天数等于第二个日期
33. 选择了哪一个Radio
Style
Barcode
34.脚本永不出错
35.ENTER键可以让光标移到下一个输入框
36. 检测某个网站的链接速度：
把如下代码加入
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.页面进入和退出的特效
进入页面
推出页面
这个是页面被载入和调出时的一些特效。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.在规定时间内跳转
40.网页是否被检索
其中属性值有以下一些:
属性值为"all": 文件将被检索，且页上链接可被查询；
属性值为"none": 文件不被检索，而且不查询页上的链接；
属性值为"index": 文件将被检索；
属性值为"follow": 查询页上的链接；
属性值为"noindex": 文件不检索，但可被查询链接；
属性值为"nofollow": 文件不被检索，但可查询页上的链接。
41、email地址的分割
把如下代码加入
webmaster@sina.com
42、流動相似效果的表格
把以下程式碼加入
<script><BR>l=Array(6,7,8,9,'a','b','b','c','d', 'e ','f')<BR>Nx=5;Ny=35<BR>t="<表格邊框=0 cellspacing=0 cellpadding=0 height=" ((Nx 2)*16) "> <tr>" <BR>for(x=Nx;x<Nx Ny;x )<BR>t ="<td width=16 id=a_mo" x "> "<BR> t ="< tr><td 寬度=10 id=a_mo" (Nx-1) "><td colspan=" (Ny-2)" rowspan=" (Nx) ">＜/td><td width=16 id=a_mo" (Nx Ny) ">"<BR>for(x=2;x<;) =Nx;x )<BR>t ="<tr><td 寬度= 16 id=a_mo" (Nx-x) "> ＜/td><td 寬度=16 id=a_mo" (Ny Nx x-1) "> ＜/td>"<BR>t ="< tr>"<BR>for(x=Ny;x>0;x--)<BR> t ="<td width=16 id=a_mo" (x Nx*2 Ny-1) "> ＜/td> "<BR>***(t " ")<BR>var N=Nx*2 Ny*2<BR>函數f1(y){<BR>for(i=0; i<N;i ){<BR>c=(i y) ;if( c>10)c=20-c<BR>document.all["a_mo" (i)].bgColor=""""#0000 " l[c] l[c] "'"}<BR>y <BR>setTimeout('f1(' y ')','1')}<BR>f1(1)<BR></script>
43、JavaScript主頁彈出窗口技巧
窗口中間彈出
<script><BR> window.open("http://www.jb51.net","","width=400,height=240,top="(screen. availHeight-240)/2",left="(screen.availWidth- 400)/2);<BR></script>
============
function WinOpen() {
msg=open("","DisplayWindow","toolbar=no,directories=no,menubar= no");
msg.** *("
msg.***("
酷斃了！< ;/H1>這是JavaScript所打開的視窗！ type="button" name="Button1" value="Push me" onclick="WinOpen() ">
==============
一、在下面的程式碼中，您只需點擊打開一個窗口，即可連結到賽迪網。關閉時，只需按一下即可關閉剛才開啟的視窗。 ：
==============
一、在下面的程式碼中，您只需點擊打開一個窗口，即可連結到賽迪網。關閉時，只需按一下即可關閉剛才開啟的視窗。 ：
another=open('1000){this.resized =true;this.style.width=1000;}"align=absMiddle border=0> http://www.jb51.net'，'NewWindow');
二、上面的程式碼也太靜了，為什麼不來點動感呢？如果能給頁面來個頓挫效果那該有多好啊！
代碼如下：
複製代碼
代碼如下：
function drop(n) {
if( self.moveBy){
自我.moveBy (0，-900);
for(i = n; i > 0; i- -){
三、討厭很多網站總是按照預設視窗打開，如果你能隨心所欲控制打開的視窗那該多好。
程式碼如下:
〜ScriptTRIP ">
function popupPage(l， t， w， h) {
var windowprops = "location=no，scrollbars=no，menubars=no，toolbars=no，resizable=yy" left=" l "，top=" t "，width=" w "，height=" h;
var URL = "http://www.jb51.net";
popup = window.open( URL，"MenuPopup"，windowprops);
}
// End -->
你只要在相對應的對話框中輸入一個數值即可，將要開啟的頁面的窗口控制得很好。
44、頁面的開啟移動把以下程式碼加入區域中
複製程式碼
代碼如下:
***("
今天日期為： ", today.getMonth() 1,"/",today.getDate(),"/",today. getYear());
// end hiding contents -->
程式碼如下:
This is a simple HTML- page.
Last changes:
48、跑馬燈 程式碼如下:
這裡可顯示您的網頁!
49、在網頁中用按鈕來控制前頁，後頁和首頁的顯示。 程式碼如下:
50、查看某網址的源代碼
把如下代碼加入區域中
<script><BR>function add()<BR>{<BR>var ress=document.forms[0ress=document. ].luxiaoqing.value<BR>window.location="view-source:" ress;<BR>}<BR></script>
輸入要查看原始碼的URL位址:
51、title顯示日期
把如下碼加入區域中:
52、顯示所有連結
把以下程式碼加入區域
程式碼如下:
程式碼如下:
55、更改表格的內容
把以下程式碼加入區域
| 最初のフレーム | 2番目のフレーム |
3番目のフレーム |
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
Win11小技巧分享：一招跳過微軟帳號登入
Mar 27, 2024 pm 02:57 PM
Win11小技巧分享：一招跳過微軟帳號登入Windows11是微軟最新推出的作業系統，具有全新的設計風格和許多實用的功能。然而，對於某些用戶來說，在每次啟動系統時都要登入微軟帳戶可能會感到有些煩擾。如果你是其中一員，不妨試試以下的技巧，讓你能夠跳過微軟帳號登錄，直接進入桌面介面。首先，我們需要在系統中建立一個本機帳戶，來取代微軟帳戶登入。這樣做的好處是
老手必備：C語言中*與&的技巧與注意事項
Apr 04, 2024 am 08:21 AM
C語言中，表示指針，儲存其他變數的位址；&表示位址運算符，傳回變數的記憶體位址。指針的使用技巧包括定義指針、解引用指針，需確保指針指向有效地址；地址運算符&的使用技巧包括取得變數地址，取得數組元素地址時返回數組第一元素地址。實戰案例說明了使用指標和位址運算子反轉字串。
新手製作表格有哪些技巧
Mar 21, 2024 am 09:11 AM
我們經常在excel中製作和編輯表格，但是作為一個剛剛接觸軟體的新手來講，如何使用excel製作表格，並沒有我們使用起來那麼輕鬆。下邊，我們針對新手，也就是初學者需要掌握的表格製作的一些步驟進行一些演練，希望對需要的人有些幫助。新手錶格範例樣板如下圖：我們看看如何完成！ 1，新建excel文檔，有兩種方法。可以在【桌面】空白位置，點選滑鼠右鍵-【新建】-【xls】檔。也可以【開始】-【所有程式】-【MicrosoftOffice】-【MicrosoftExcel20**】2，雙擊我們新建的ex
VSCode入門指南：初學者必讀，快速掌握使用技巧！
Mar 26, 2024 am 08:21 AM
VSCode（VisualStudioCode）是一款由微軟開發的開源程式碼編輯器，具有強大的功能和豐富的插件支持，成為開發者的首選工具之一。本文將為初學者提供一個入門指南，幫助他們快速掌握VSCode的使用技巧。在本文中，將介紹如何安裝VSCode、基本的編輯操作、快捷鍵、插件安裝等內容，並為讀者提供具體的程式碼範例。 1.安裝VSCode首先，我們需
PHP程式設計技巧：如何實現3秒內跳轉網頁
Mar 24, 2024 am 09:18 AM
標題：PHP程式設計技巧：如何實現3秒內跳轉網頁在Web開發中，經常會遇到需要在一定時間內自動跳到另一個頁面的情況。本文將介紹如何使用PHP實作在3秒內實現頁面跳轉的程式設計技巧，並提供具體的程式碼範例。首先，實現頁面跳轉的基本原理是透過HTTP的回應頭中的Location欄位來實現。透過設定該欄位可以讓瀏覽器自動跳到指定的頁面。下面是一個簡單的例子，示範如何在P
Win11技巧大揭密：如何繞過微軟帳號登入
Mar 27, 2024 pm 07:57 PM
Win11技巧大揭密：如何繞過微軟帳號登入近期，微軟公司推出了全新的作業系統Windows11，引起了廣泛關注。相較於之前的版本，Windows11在介面設計、功能改進等方面做出了許多新的調整，但也引發了一些爭議，其中最引人注目的一點就是強制要求用戶使用微軟帳戶登入系統。對於某些用戶來說，他們可能更習慣於使用本地帳戶登錄，而不願意將個人資訊與微軟帳戶綁定。
Laravel表單類別使用技巧：提高效率的方法
Mar 11, 2024 pm 12:51 PM
在編寫網站或應用程式時，表單是不可或缺的一部分。 Laravel作為一個流行的PHP框架，提供了豐富而強大的表單類，使得表單處理變得更加簡單和高效。本文將介紹一些Laravel表單類別的使用技巧，幫助你提升開發效率。下面透過具體的程式碼範例來詳細講解。建立表單要在Laravel中建立表單，首先需要在檢視中編寫對應的HTML表單。在處理表單時，可以使用Laravel
深入理解Go語言中的函數重構技巧
Mar 28, 2024 pm 03:05 PM
在Go語言程式開發中，函數重構技巧是十分重要的一環。透過優化和重構函數，不僅可以提高程式碼品質和可維護性，還可以提升程式的效能和可讀性。本文將深入探討Go語言中的函數重構技巧，結合具體的程式碼範例，幫助讀者更能理解和應用這些技巧。 1.程式碼範例1：提取重複程式碼片段在實際開發中，經常會遇到重複使用的程式碼片段，這時就可以考慮將重複程式碼提取出來作為一個獨立的函數，以
