2. 程式人生 > >網頁製作的中的一些工具程式碼

網頁製作的中的一些工具程式碼

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

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.csdn.net/'">

12. 怎樣通過asp的手段來檢查來訪者是否用了代理
<% if Request.ServerVariables("HTTP_X_FORWARDED_FOR")<>"" then
response.write "<font color=#FF0000>您通過了代理伺服器，"& _
"真實的IP為"&Request.ServerVariables("HTTP_X_FORWARDED_FOR")
end if
%>

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. 判斷上一頁的來源
asp:
request.servervariables("HTTP_REFERER")

java script:
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.
<%
'定義資料庫連線的一些常量
Const adOpenForwardOnly = 0 '遊標只向前瀏覽記錄，不支援分頁、Recordset、BookMark
Const adOpenKeyset = 1 '鍵集遊標，其他使用者對記錄說做的修改將反映到記錄集中，但其他使用者增加或刪除記錄不會反映到記錄集中。支援分頁、Recordset、BookMark
Const adOpenDynamic = 2 '動態遊標功能最強，但耗資源也最多。使用者對記錄說做的修改，增加或刪除記錄都將反映到記錄集中。支援全功能瀏覽(ACCESS不支援)。
Const adOpenStatic = 3 '靜態遊標，只是資料的一個快照，使用者對記錄說做的修改，增加或刪除記錄都不會反映到記錄集中。支援向前或向後移動

Const adLockReadOnly = 1 '鎖定型別，預設的，只讀，不能作任何修改
Const adLockPessimistic = 2 '當編輯時立即鎖定記錄，最安全的方式
Const adLockOptimistic = 3 '只有在呼叫Update方法時才鎖定記錄集，而在此前的其他操作仍可對當前記錄進行更改、插入和刪除等
Const adLockBatchOptimistic = 4 '當編輯時記錄不會被鎖定，而更改、插入和刪除是在批處理方式下完成的

Const adCmdText = &H0001
Const adCmdTable = &H0002
%>

18. 網頁不會被快取
HTM網頁
<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">
ASP網頁
Response.Expires = -1
Response.ExpiresAbsolute = Now() - 1
Response.cachecontrol = "no-cache"
PHP網頁
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Cache-Control: no-cache, must-revalidate");
header("Pragma: no-cache");

怎樣讓表單沒有凹凸感？
<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>

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


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

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

怎樣去掉圖片連結點選後，圖片周圍的虛線？
<a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>

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

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

如何設定開啟頁面的大小
<body onload="top.resizeTo(300,200);">

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

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

20. 獲得一個視窗的大小
document.body.clientWidth,document.body.clientHeight

21. 怎麼判斷是否是字元
if (/[^/x00-/xff]/g.test(s)) alert("含有漢字");
else alert("全是字元");

22.TEXTAREA自適應文字行數的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>

23. 日期減去天數等於第二個日期
<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>

24. 選擇了哪一個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>

25.獲得本頁url的request.servervariables("")集合
Response.Write "<TABLE border=1><!-- Table Header --><TR><TD><B>Variables</B></TD><TD><B>value</B></TD></TR>"
for each ob in Request.ServerVariables
Response.Write "<TR><TD>"&ob&"</TD><TD>"&Request.ServerVariables(ob)&"</TD></TR>"
next
Response.Write "</TABLE>"

26.
本機ip<%=request.servervariables("remote_addr")%>
伺服器名<%=Request.ServerVariables("SERVER_NAME")%>
伺服器IP<%=Request.ServerVariables("LOCAL_ADDR")%>
伺服器埠<%=Request.ServerVariables("SERVER_PORT")%>
伺服器時間<%=now%>
IIS版本<%=Request.ServerVariables"SERVER_SOFTWARE")%>
指令碼超時時間<%=Server.ScriptTimeout%>
本檔案路徑<%=server.mappath(Request.ServerVariables("SCRIPT_NAME"))%>
伺服器CPU數量<%=Request.ServerVariables("NUMBER_OF_PROCESSORS")%>
服 務器解譯引擎<%=ScriptEngine & "/"& ScriptEngineMajorVersion &"."&ScriptEngineMinorVersion&"."& ScriptEngineBuildVersion %>
伺服器作業系統<%=Request.ServerVariables("OS")%>

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

28. 檢測某個網站的連結速度：
把如下程式碼加入<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[i]+"/"+Math.random()+" width=1 height=1 onerror=auto('http://"+autourl[i]+"')>")}
run()</script>

29. 各種樣式的游標
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
上面的錯誤
<body oncontextmenu="return false"> 將徹底遮蔽滑鼠右鍵

這個是徹底的！但是在下覺得都是自欺欺人的東西
<script language="javascript">
<!--

if (window.Event)
document.captureEvents(Event.MOUSEUP);

function nocontextmenu()
{
event.cancelBubble = true
event.returnvalue = false;

return false;
}

function norightclick(e)
{
if (window.Event)
{
if (e.which == 2 || e.which == 3)
return false;
}
else
if (event.button == 2 || event.button == 3)
{
event.cancelBubble = true
event.returnvalue = false;
return false;
}

}

document.oncontextmenu = nocontextmenu; // for IE5+
document.onmousedown = norightclick; // for all others
//-->
</script>





徹底禁止右鍵快捷選單的出現呢？其實只要將上述程式碼做如下修改即可。

< Script Language=javascript>
function Click(){
alert('版權所有(C)2001 XXX工作室');
window.event.returnvalue=false;
}
document.oncontextmenu=Click;
< /Script>

這 樣無論採取什麼方式點選滑鼠，都不會再出現快捷選單了。不過值得注意的是，如果訪問者直接在瀏覽器位址列中鍵 入"javascript:alert(document.oncontextmenu='')"，就可以解除對右鍵選單的遮蔽。對這類訪問者怎樣防範 呢？其實，把位址列隱藏掉就可以了，具體方法見本文介紹的"遮蔽視窗選單欄檢視方式"。



遮蔽視窗選單欄檢視方式

製作過網頁的朋友都知道，對新開啟視窗的各種屬性可以進行控制，具體包括控制選單欄、滾動條及位址列是否可見等。如果把父視窗關閉，並將新開啟視窗的選單欄和位址列隱藏，不就可以遮蔽視窗選單欄檢視方式了嗎？實現程式碼如下:

< Head>
< Object id=closes type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
< Param name="Command" value="Close">
< /Object>
< /Head>
< Body>
< Script Language=javascript>
closes.Click()
window.open("XXX.htm","","menubar=no,location=no,
scrollbars=yes,resizable=yes")
< /Script>
< /Body>

這 種方法的原理就是首先將自己網站的首頁製作成index.htm形式，把首頁設計成一個過渡頁。然後將自己的真正主頁製作成default.htm形式 （具體實現過程見本文所附原始碼）。這樣訪問者無論如何也無法檢視網頁原始碼了。這不僅僅保護了您的版權，也為進一步開發提供了保障。通過此方法，您可以 結合Cookie技術，真正做到限制使用者瀏覽網頁，從而避免主頁資料被非法訪問者訪問。

附：原始碼清單
index.htm
< Head>
< Object id=closes type="application/x-oleobject" classid="clsid:
adb880a6-d8ff-11cf-9377-00aa003b7a11">
< Param name="Command" value="Close">
< /Object>
< /Head>
< Body>
< Script Language=javascript>
closes.Click()
window.open("defalut.htm","","menubar=no,location=no,
scrollbars=yes,resizable=yes")
< /Script>
< /Body>
default.htm
< Html>
< Head>
< Script Language=javascript>
function Click(){
alert('版權所有(C)2001 XXX工作室');
window.event.returnvalue=false;
}
document.oncontextmenu=Click;
< /Script>
< /Head>
< Body>
... ...
< /Body>
< /Html>

來自：http://blog.csdn.net/21aspnet/article/details/166576

相關推薦

網頁製作的中的一些工具程式碼

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

網頁製作中遇到的一些問題及解決方案

1、重複定義：在css中前面定義了<a>標籤的字型顏色之後，如果後面要修改某個<a>標籤的字型顏色，css中該怎麼寫？（未解答） 2、自己在做的頁面中，對於頁碼的實現，需要有跳轉的頁碼框，當瀏覽器顯示的頁面中頁碼框不能輸入時，該怎麼做：提升父級層級，

html靜態網頁製作中div+css的淺運用

        在基地實訓的這些日子，對於javaweb靜態網頁佈局也有了些理解，博主在此與大家分享一下這幾天總結的經驗。         當然博主算是相對的初學者（畢竟大學前三年混過來的），寫程式碼也要用dreamweaver輔助，求不噴，對於我的理解指點就好。     

工作中一些工具的使用！

前言 工作中經常會用到壓縮跟替換命令，用到的時候網上查一下，用完也就忘了。對於工具我的態度是：會用就好。但經常的查詢搜尋搞的我也很煩，還是做個筆記吧，自己做的也是最適合自己的，等以後什麼也記不住了，至少還有存世的東西。嘻嘻：） Linux命令 tar命令

微信網頁開發的一些感想，順便附上微信中呼叫掃一掃史上最簡便的方法 5行程式碼實現H5掃一掃 HTML5掃一掃最簡便的辦法

呼叫範例完整程式碼下載： csdn的這個博文寫的有點囉嗦，建議移步這裡： 在網頁上點一個按鈕或者連結呼叫微信掃一掃然後返回結果我們繼續處理，很多人應該都會有這樣的需求，不過微信對這個空子比較嚴格，需要你的網頁有簽名，而簽名生成需要有一個微信公眾號的appk

工作和學習中的一些工具

腳本 pycha d+ 導圖 ofo vsc 64位 工具 思維導圖 pycharm類工具的激活server: http://abelisaurus.bid shell腳本編輯器: sublime,vscode,notepad++(64位) 雲筆記：有道雲筆記 思維導圖:

Git中的遠端程式碼執行漏洞已被修復 多個工具受影響

　　據外媒 BleepingComputer 報道，Git 專案組於前兩天公佈了一個在 Git 命令列客戶端、Git Desktop 和 Atom 中發現的任意程式碼執行漏洞，這是一個比較嚴重的安全漏洞，可能會使得惡意倉庫在易受攻擊的計算機上遠端執行命令。 　　這個漏洞已被分配 CVE-

python--django中一些有用的工具引入路徑

django.shortcuts render：渲染前端頁面 redirect：跳轉到其他頁面 django forms：表單驗證 # 定義 class Form(forms.Form): name = forms.CharField(error_messages={'requi

k8s中，通過程式碼生成工具生成的controller中加入控制邏輯

摘自http://www.infoq.com/cn/articles/kubernetes-status-management-and-extension 前文自動生成的程式碼中為Bee生成了預設的BeeController，如圖1.2.2所示。 當監聽到建立或更新Bee狀態的時候，可

Visual C++網路程式設計經典案例詳解 第5章 網頁瀏覽器 製作個性化介面 工具欄程式設計 新增工具欄按鈕

製作網頁瀏覽器時 使用者還需要新增一些功能。 例如 使用者重新整理上一步下一步 和瀏覽記錄等。 這些操作在VC中實現非常簡單。 首先在資源管理器中，展開Toolbar項 新增四個工具欄按鈕 按鈕的ID分別為 ID_VIEWRECORD、ID_PRE、ID_NEXT、ID_REFR

Visual C++網路程式設計經典案例詳解 第5章 網頁瀏覽器 製作個性化介面 工具欄程式設計 OnCreate()函式

在這裡 使用者需要用到MFC中CReBar類 該類相當於一個容器 可以將多個控制元件組合在一起 程式碼如下 int CMainFrame::OnCreate(LPCREATESTRUCT lpCreateStruct) { ...//省略部分程式碼 if(dlg.m_hWnd==NU

Visual C++網路程式設計經典案例詳解 第5章 網頁瀏覽器 製作個性化介面 工具欄程式設計 新增對話方塊到工具欄

將ID為ID_DIALOG 的對話方塊新增到工具欄中， 使用者需要將類物件設定為CMainFrame類的成員變數 首先，在CMainFrame類的標頭檔案"MainFrm.h"開頭處 新增CTooldlg類的標頭檔案“Tooldlg.h” ... //省略部分程式碼 #includ

Visual C++網路程式設計經典案例詳解 第5章 網頁瀏覽器 製作個性化介面 工具欄程式設計 介面設計

在工程中新增一個對話方塊作為位址列等控制元件的面板 ID為 ID_DILOG 將組合框與連線按鈕放置到對話方塊面板上 介面中的各個控制元件以及屬性如表所示 控制元件ID及其屬性 控制元件ID IDC_STATIC IDC_COMBO1 IDC_BUTTON1 屬性 地址 地址輸入框

Visual C++網路程式設計經典案例詳解 第5章 網頁瀏覽器 製作個性化介面 工具欄程式設計

在VC中製作與IE功能相似的網頁瀏覽器 可以使用MFC中的CHtmlView類 也可以使用ActiveX控制元件類CWebBrowser2實現網頁瀏覽器的開發 對於網路瀏覽器而言 工具欄是很重要的一部分 在工程中使用工具欄可以方便使用者的操作。 使用者通過工具欄上的位址列輸入網頁地址

帶你開發一款給Apk中自動注入程式碼工具icodetools 完善篇

                一、前言在前面已經介紹完了 自動給apk中注入日誌程式碼工具icodetools原理了，在那裡我們曾經說過其實離真正的可使用價值有點距離，本篇就對這個工具進行一些優化，讓其真正意義上開始能工作量產。當時在前面一篇文章中說到遺留的三個主要問題：第一個問題：對每個類中都新增一個靜態

理解ATL中的一些彙編程式碼

我們知道ATL(活動模板庫)是一套很小巧高效的COM開發庫，它本身的核心檔案其實沒幾個，COM相關的(主要是atlbase.h, atlcom.h)，另外還有一個視窗相關的(atlwin.h), 所以拿來學習應該是很方便的。但是因為ATL的程式碼充滿了模板和巨集，內部還夾雜著彙編，所以如果沒有比較

ASP.NET 網頁中的嵌入式程式碼塊 與

<% %>是嵌入程式碼塊 ，而<%= %>是嵌入表示式 我們都知道，Response.Write 方法能將資訊寫入HTTP輸出內容資料流，而嵌入表示式可以作為呼叫Response.Write方法的快捷方式。 比如：<%="好嗎"%> 和&

HTML 網頁製作 網易郵箱登入頁面 關鍵程式碼

<p><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>網易郵箱登入</title> </head></

網頁中返回頂部程式碼及註釋說明

下面就說下簡單的返回頂部效果的程式碼實現，附註釋說明。 1. 最簡單的靜態返回頂部，點選直接跳轉頁面頂部，常見於固定放置在頁面底部返回頂部功能 方法一：用命名錨點選返回到頂部預設的id為top的元素 <a href="#top" target="_self">

react-native系列(4)入門篇：在VSCode中配置ESLint(程式碼檢測工具)

ESLint是一套javascript程式碼檢測工具。要記住，程式碼也是寫給人看的，所以一定要注意程式碼的編寫規範。ESLint可以根據自己設定的規則實現對程式碼的檢測，從而規範了程式碼的風格。本篇內容主要介紹如何在VSCode中使用ESLint。 ESLint的官網地址是：https://