JavaScript經典代碼總結

時間 2019-11-18

原文原文鏈接

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"></script>
9. 防止被人frame
<SCRIPT LANGUAGE=javascript></SCRIPT>
10. 網頁將不能被另存爲
<noscript><iframe src=*.html></iframe></noscript>
11. <input type=button value=查看網頁源代碼
onclick="window.location = `view-source:`+ http://www.51js.com/`";>
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"></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()>
本例適用於IEjavascript

示例2css

17.屏蔽功能鍵Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift鍵!"; //能夠換成ALTCTRL
}
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"></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">

</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]="http://www.njcatv.net/";
autourl[2]="javacool.3322.net"
autourl[3]="http://www.sina.com.cn/";
autourl[4]="http://www.nuaa.edu.cn/";
autourl[5]="http://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>html

示例3java

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": 文件不被檢索，但可查詢頁上的連接。
41.變換網頁的鼠標光標
<BODY style="CURSOR: url(http://203.73.125.205/~liangmi2/farmfrog01.cur`)">
42.怎樣實如今任務欄顯示小圖標的效果？ (要使用絕對地址)
有些站點，訪問時會在地址欄地址前顯出小圖標，添加到收藏夾後也在收藏欄中顯示圖標，
這樣很好的與其它站點有了區別。
要達到這個效果，先需作出這個圖標文件，圖像爲16*16像素，不要超過16色。文件格式爲ico，而後上傳至你的網站。
而後，在須要的頁面中，加上如下html語句到文件的<head>和</head>之間（假設以上ico文件的地址http://happyisland.126.com/icon.ico）。
<link REL="SHORTCUT ICON"href="http:///happyisland.126.com/icon.ico";>
若是訪問者的瀏覽器是IE5.0，就不需加任何代碼，只要將圖標文件上傳到網站的根目錄下便可。
1,META標籤裏的代碼是什麼意思？
<META>是放於<HEAD>與</HEAD>之間的標記.如下是我總結它在網頁中最多見的幾種。
<meta name="Keywords" content="圖片, 新聞, 音樂, 軟件">
該網頁的關鍵字，做用於搜索引擎的登陸，事實上它在如今的網站中並沒什麼用。
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
設定這是 HTML 文件及其編碼語系，簡體中文網頁使用charset=gb2312，繁體中文使用charset=big5，或者不設編碼也可，純英文網頁建議使用 iso-8859-1。
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
這隻表示該網頁由什麼編輯器寫的。
<meta http-equiv="refresh" content="10; url=http://www.hkiwc.com">
這行較爲實用，能於預約秒數內自動轉到指定網址。原代碼中 10 表示 10秒。
2，怎麼改變滾動條的顏色，只有ie5.5版本以上才能支持。
這是使用CSS語言，在次說明一下，它和個人瀏覽器版本有必定的關係。
scrollbar-arrow-color：上下按鈕上三角箭頭的顏色。
scrollbar-base-color：滾動條的基本顏色。
scrollbar-dark-shadow-color：立體滾動條強陰影的顏色
scrollbar-face-color：立體滾動條凸出部分的顏色
scrollbar-highlight-color：滾動條空白部分的顏色
scrollbar-shadow-color立體滾動條陰影的顏色。
scrollbar-track-color:#99CC33;
scrollbar-3dlight-color:#A8CBF1;
代碼以下：
<style>

</style> shell

示例4瀏覽器

1.讓瀏覽器窗口永遠都不出現滾動條。
<body style="overflow-x:hidden;overflow-y:hidden">或<body style="overflow:hidden"> 或<body scroll=no>
2，沒有水平滾動條
<body style="overflow-x:hidden">
3，沒有垂直滾動條
<body style="overflow-y:hidden">
3,如何給圖片抖動怎作的.
<SCRIPT language=javascript1.2>

</SCRIPT>
<style>.shakeimage {POSITION: relative}
</style>
<img src="圖片的路徑" onmouseout=stoprattle(this) onmouseover=init(this);rattleimage() class=shakeimage>
4，在DW如何給水平線加顏色。
在DW中沒有此項設置，你只能在HTML中加入代碼：<hr color=red noshade>按F12的預覽在能看到。因爲在NC中不支持<hr>的COLOR屬性，因此在DW中沒有此項設置。
　　　
5，如何在網頁中實現flash的全屏播放？
只要在調用swf文件的HTML中將WIDTH和HEIGHT的參數設爲100％便可，固然也能夠在Flash導出HTML文件的設置中進行設置，方法是：打開File菜單；選Publish Settings彈出導出設置對話框；在HTML標籤下的Dimensions選項,下拉後選中Percent（百分比）,並在WIDTH 和HEIGHT框中填100.就好了。
6,爲何我在DW中插入的Flash動畫缺看不找！
若是你沒有正確地安裝Dreamweaver和Flash，那麼在你預覽的時候，Dreamweaver會提示你缺乏播放的插件，請你按裝InstallAXFlash.exe 並重新啓動計算機。如今IE6已經捆綁這個程序。
7，在Flash中，若是屏蔽鼠標右鍵?FS命令都是什麼意思?
fscommand ("fullscreen", "true/false";（全屏設置，TRUE開，FALSE關）
fscommand ("showmenu", "true/false";（右鍵菜單設置，TRUE顯示，FALSE不顯示）
fscommand ("allowscale", "true/false";（縮放設置，TRUE自由縮放，FALSE調整畫面不影響影片自己的尺寸）
fscommand ("trapallkeys", "true/false";（快捷鍵設置，TRUE快捷鍵開，FALSE快捷鍵關）
fscommand ("exec";（EXE程序調用）
fscommand ("quit";（退出關閉窗口）
8，Flash中什麼是隱形按鈕。
利用button中的hit幀來製做只有感應區域而徹底透明的按鈕。
9，如何給Flash動畫作連接。
Dreamweaver是不能給Flash製做連接的，只能在Flash中用geturl()加連接，而後再插入Dreamweaver中。
10，DW中的層的技巧。
層是能夠嵌套的，我我的給你們一個技巧，在層面板中按住CTRL再拖放層到你想去成爲其子層的地方就好了，我認爲這是最簡單直觀的方法了。
11，如何改變鼠標的形狀？
在Dreamweaver4中CSS樣式面板：
按CTR+SHIFT+E--出現樣式表對話框,點擊NEW，出現編輯對話框,在左邊最後一項extensions-cursor 選擇你要改的指針形式就能夠了，而後把你要想改變的地方運用樣式表，若是整頁都有在<body bgcolor="#003063" text="#ffffff" id=all>中加入就好了。
<span style="cursor:X`>樣例</span>
這裏選擇（文本）做爲對象，還能夠本身改成其餘的，如link等。
x  能夠等於=hand（手形）、crosshair（十字）、text（文本光標）、wait（顧名思義啦）、default（默認效果）、help（問號）、e-size（向右箭頭）、ne-resize（向右上的箭頭）、nw-resize（向左上的箭頭）、w-resize（向左的箭頭）、sw-  resize（左下箭頭）、s-resize（向下箭頭）、se-resize（向右下箭頭）、auto（系統自動給出效果）。
12，用CSS作郵票，看看吧！
<input type=button value=我象不象郵票？ style="height:80px;border:2px dashed #cccccc">
13，常常上網的朋友可能會到過這樣一些網站，一進入首頁馬上會彈出一個窗口，怎麼作呢！
這javascript代碼便可實現，摘錄藍色論壇。
【一、最基本的彈出窗口代碼】
其實代碼很是簡單：
<SCRIPT LANGUAGE="javascript">

</SCRIPT>
由於着是一段javascripts代碼，因此它們應該放在<SCRIPT LANGUAGE="javascript">標籤和</script>之間。是對一些版本低的瀏覽器起做用，在這些老瀏覽器中不會將標籤中的代碼做爲文本顯示出來。要養成這個好習慣啊。
window.open (`page.html`) 用於控制彈出新的窗口page.html，若是page.html不與主窗口在同一路徑下，前面應寫明路徑，絕對路徑(http://)和相對路徑(../)都可。用單引號和雙引號均可以，只是不要混用。
這一段代碼能夠加入HTML的任意位置，<head>和</head>之間能夠，<body bgcolor="#003063" text="#ffffff" id=all>間</body>也能夠，越前越早執行，尤爲是頁面代碼長，又想使頁面早點彈出就儘可能往前放。
【二、通過設置後的彈出窗口】
下面再說一說彈出窗口的設置。只要再往上面的代碼中加一點東西就能夠了。
咱們來定製這個彈出的窗口的外觀，尺寸大小，彈出的位置以適應該頁面的具體狀況。
<SCRIPT LANGUAGE="javascript">

</SCRIPT>
參數解釋：
<SCRIPT LANGUAGE="javascript"> js腳本開始；
window.open 彈出新窗口的命令；
`page.html` 彈出窗口的文件名；
`newwindow` 彈出窗口的名字（不是文件名），非必須，可用空``代替；
height=100 窗口高度；
width=400 窗口寬度；
top=0 窗口距離屏幕上方的象素值；
left=0 窗口距離屏幕左側的象素值；
toolbar=no 是否顯示工具欄，yes爲顯示；
menubar，scrollbars 表示菜單欄和滾動欄。
resizable=no 是否容許改變窗口大小，yes爲容許；
location=no 是否顯示地址欄，yes爲容許；
status=no 是否顯示狀態欄內的信息（一般是文件已經打開），yes爲容許；
</SCRIPT> js腳本結束
【三、用函數控制彈出窗口】
下面是一個完整的代碼。
<html>
<head>
<script LANGUAGE="javascript">

</script>
</head>
<body onload="openwin()">
…任意的頁面內容…
</body>
</html>
這裏定義了一個函數openwin(),函數內容就是打開一個窗口。在調用它以前沒有任何用途。
怎麼調用呢？
方法一：<body onload="openwin()"> 瀏覽器讀頁面時彈出窗口；
方法二：<body onunload="openwin()"> 瀏覽器離開頁面時彈出窗口；
方法三：用一個鏈接調用：
<a href="#" onclick="openwin()">打開一個窗口</a>
注意：使用的「#」是虛鏈接。
方法四：用一個按鈕調用：
<input type="button" onclick="openwin()" value="打開窗口"> 緩存

示例5app

14，沒有用表格寫的，讓你們隨便看看，沒什麼。
<html>
<head>
<title>江南荷花扇面</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">

</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div class="font1" style="writing-mode=tb-rl;height:200px" width=300>
<p>盛夏　　　　　　尚　濤　
<p><a href="index.htm">一晚上露痕黃粉香　袁運甫 </a>
<p>瑤池昨夜新涼　　王金嶺
<p>一朵白蓮隨意開　吳冠南
<p>新雨迎秋欲滿塘　齊辛民
<p>十里荷香　　　　齊辛民
<p>濯清蓮而不妖　　盧世曙
</div>
</body>
</html>
15,IE6已支持自定義cursor!
語法格式 cursor:url(圖標) //cur或是ani文件.
cur就是WINDOWS中的光標(cursor)文件，光標文件與圖標（ICON)文件除了文件頭有一個位置的值不一樣外，實際是同樣的。
ani是WINDOWS中的動畫光標（圖標）文件。
<style type="text/css">

</style>
16,用marquee作的滾動字幕.這也我剛看到論壇的朋友在問。
語法：
align=# | top | middle| bottom //對齊方式)
BEHAVIOR=ALTERNATE | SCROLL | SLIDE //移動的方式
BGCOLOR=color//底色區域顏色
DIRECTION=DOWN | LEFT | RIGHT | UP //移動的方向
Loop=n //循環次數（默認是循環不止）
Scrolldelay=milliseconds//延時
height=# width=# //區域面積
hspace=# vspace=# //空白區域
scrollamount=# //移動的速度
<marquee align=top behavior=ALTERNATE BGCOLOR=#000000 height=60 width=433 scrollamount=5></marquee>
17，在FLASH5中也存在一些字體，打散後變成一團的事是爲何？有解決的辦法嗎。
這是你們很常見的問題！多是對字庫支持的很差！我個是作成透明的gif圖片格式，而後倒入。
18，flash的網頁裏「加入收藏夾」功能怎麼實現？
在as中加getUrl("java script:window.external.addFavorite(http://skydesigner.51.net`,`個人工做室`)"
19，在Flash中，文本的動態屬性和輸入屬性的區別。
input text在運行時可被用戶或程序改變其值。
ynamic text僅容許被程序修改。
20,怎樣在IE中調用Dreamweaver進行編輯.
相信不少在使用WinME或Window2000的朋友，會碰見是個問題。很簡單，把咱們筆記本程序打開，保存爲一個 *.reg 文件。雙擊它將信息添加到註冊表便可。
REGEDIT4
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]
@="\"c:\\Program Files\\Macromedia\\Dreamweaver 4\\dreamweaver.exe\" \"%1\""
21，設置表格虛線。
方法一：做一個1X2的圖。半黑半白，再利用表格做成線。
方法二：在css裏面設，要IE5。5才支持這種效果。
style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED"
22,看看在網頁中調用HHCtrl控件效果。
代碼以下：
<object id="HHC" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"></object><script>HHC.TextPopup("哈哈,你們好,我是閃夢!","",50,5,128255,346751);</script>
22，如何讓一張圖片有淺到深的漸變。
<SCRIPT language=javascript1.2>

</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<a href="#">下劃線連接 </a>
<p></p>
<a href="#" class="r1">雙下劃線連接</a>
</BODY>
</HTML>
補充說明：
a:hover 表示鼠標劃過期的樣式.
a:link 表示連接的樣式.
a:active 表示當前活動鏈接的樣式.
a:visited 表示已經訪問過的鏈接的樣式.
25, 用CSS給文字加入陰影效果和文字描邊效果。
.glow{FONT-SIZE: 9pt; FILTER: Glow(Color=#000000, Strength=1)}
//文字描邊效果
.shadow {FONT-SIZE: 9pt; FILTER: DropShadow(OffX=1, OffY=1, DropShadow(OffX=1, OffY=1, color:#111111); COLOR: #ffffff; FONT-FAMILY: "宋體"}
//加入陰影效果
補充說明：
　　這兩種濾鏡要想實現效果，必須加在如：<td class=glow或shadow ><div>xxxxxxxxx</div></td>上
，而且要留有足夠的空間可以顯示陰影或描邊，不然會出現半截的陰影或描邊現象。
26,如何給作帶顏色的下拉菜單。
<select style="FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana;#ff6600;" size=1 >
<option selected>:: Dreamweaver4 ::</option>
<option>::Flash5::</option>
<option>::Firewoks4::</option>
</select>
27,關於DW4的表格中的亮邊框和暗邊框問題。
在DW4的表格面板中並無亮邊框和暗邊框的屬性設置，由於NC不支持,只有你在代碼中添加了。
bordercolorlight="#999999" bordercolordark="#000000"
　　你也能夠用Css定義一個class。例如：
<style>
.bordercolor { bordercolorlight: #999999; bordercolordark: #000000 }
</style>
　　而後在要加效果的表格里加上<table class="bordercolor">
28,自動顯示主頁最後更新日期.
<script>
document.write("最後更新日期："+document.lastModified+""
</script>
29,如何讓滾動條出如今左邊？
我想竟然在論壇中有人發表了這段代碼，頗有意思，它的確照顧一些左撇子，呵呵！
<html dir="rtl">
<body bgcolor="#000000" text="#FFFFFF">
<table height=18 width=212 align=center bgcolor=#FFFFFF dir="ltr" cellspacing="1" cellpadding="0">
<tr>
<td bgcolor="#FF0000" >是否是你的滾動條在左邊啊</td>
</tr>
</table>
</body>
</html>
30,如何加入網址前面的小圖標？
　　首先,您必須瞭解所謂的圖標（Icon）是一種特殊的圖形文件格式，它是以 .ico 做爲擴展名。你可用在網上找一個製做圖標軟件，它具備特有的規格：圖標的大小爲 16 * 16（以像素爲單位）；顏色不得超過 16 色。在該網頁文件的 HEAD 部分加入下面的內容：<LINK REL="SHORTCUT ICON" HREF=" http://skydesigner.51.net/圖標文件名">,並放在該網頁的根目錄下。框架

示例6dom

31,在800*600顯示器中，如何不讓網頁水平出現滾動條！設至<body leftmargin="0" topmargin="0">，網頁中的表格寬度爲778。 32,關於<!DOTYPE>的說明解釋。在網頁中，常常會看到〈!DOCTYPE HTML PUBLIC`-//W3C//DTD HTML 4.01//EN`>，是聲明HTML文件的版本信息。 33, 用圖片來關閉窗體. <A href="java script:window.close()"><IMG height=20 width=20 alt="關閉窗口" src="close.gif" border=0></A> 補充說明：如何使用了ACTIVEX！,再也不警告窗口？ <html> <head> <object id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> <param name="Command" value="Close"></object> </head> <body bgcolor="#003063" text="#ffffff" id=all> <a href="#" onclick="closes.Click();">關閉窗口無提示</a> </body> </html> 34,禁止鼠標右鍵查看網頁源代碼。 <SCRIPT language=javascript> function click() {if (event.button==2) {alert(`你好,歡迎光臨！`) }} document.onmousedown=click </SCRIPT> 補充說明：鼠標徹底被封鎖,能夠屏蔽鼠標右鍵和網頁文字。 < body oncontextmenu="return false" ondragstart="return false" onselectstart="return false"> 35,經過按鈕來查看網頁源代碼。 <input type="BUTTON" value="查看源代碼" onClick= `window.location = "view-source:" + window.location.href` name="BUTTON"> 36,怎麼用文字聯結實現按鈕的SUBMIT功能？ <a href="#" onclick="formname.submit()">OK</a> 這段文字要放在form裏。formname是這裏要寫在form中的name,<form name=form111>那麼就應該是form111.submit() 37,如何作一個空連接？加# 38,利用<IFRAME>來給網頁中插入網頁。　　常常我看到不少網頁中又有一個網頁，還覺得是用了框架，其實否則，是用了<IFRAME>,它只適用於IE，NS但是不支持<IFRAME>的，但圍着的字句只有在瀏覽器不支援 iframe 標記時纔會顯示，如<noframes>同樣，能夠放些提醒字句之類的話。你注意啊！下面請和我學習它的用法。分析代碼：<iframe src="iframe.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes"> </iframe> 　　src="iframe.html" 　　用來顯示<IFRAME>中的網頁來源，必要加上相對或絕對路徑。　　name="test" 　　這是連結標記的 target 參數所須要的。　　align="MIDDLE" 　　可選值爲 left, right, top, middle, bottom，做用不大。　　width="300" height="100" 　　框窗的寬及長，以 pixels 爲單位。　　marginwidth="1" marginheight="1" 　　該插入的文件與框邊所保留的空間。　　frameborder="1" 　　使用 1 表示顯示邊框， 0 則不顯示。（能夠是 yes 或 no）　　scrolling="Yes" 　　使用 Yes 表示允許捲動（內定）， No 則不允許捲動。 39,請問＜tbody＞的用法？ tbody用法聽說是增強對錶格的控制能力的.例如： <table><tbody>……..</tbody></table> 　　tbody代碼若是不是你用手寫的話,只有在你用IE5打開一個網頁的時候，把它另存爲一下，你的另存爲的文件在表格中就會生成tbody代碼。(即使你的表格根本就沒有 tbody代碼，IE5另存爲的時候也會給你生成)。 40,Alt和Title都是提示性語言標籤，請注意它們之間的區別。　　在咱們瀏覽網頁時，當鼠標停留在圖片對象或文字連接上時，在鼠標的右下角有時會出現一個提示信息框。對目標進行必定的註釋說明。在一些場合，它的做用是很重要的。 alt 用來給圖片來提示的。Title用來給連接文字或普通文字提示的。用法以下： <p Title="給連接文字提示">文字</p> <a href="#" Title="給連接文字提示">文字</a> <img src="圖片.gif" alt="給圖片提示"> 補充知識：<TITLE><ALT>裏面如何多行換行？在源代碼裏Enter回車。 <a href="#" Title="我的簡歷姓名：張培網名：我是閃夢性別：男的，不是女的。愛好：網頁製做，軟件開發">我的簡歷</a> 例如：我的簡歷 41, 用javascript代碼來實現閃爍按鈕。 <body> <form method="POST" action="--WEBBOT-SELF--"> <input type="button" name=SUB value="閃爍" id=flashit style="BORDER: 1px solid ;#FFFFFF"> </form> <script> if (document.all&&document.all.flashit) { var flashelement=document.all.flashit if (flashelement.length==null) flashelement[0]=document.all.flashit function changecolor(which) { if (flashelement[which].style.color==`#800000`) flashelement[which].style.color="#0063A4" else flashelement[which].style.color="#800000" } if (flashelement.length==null) setInterval("changecolor(0)",1000) else for (i=0;i<flashelement.length;i++) { var tempvariable=`setInterval("changecolor(`+i+`)",`+`1000)` eval(tempvariable) } } </script> </body> 42,CSS給圖片定義顏色邊框。 img { border: 1px solid red} 43,在DW中如何使插入的FLASH透明。方法一：選中swf,打開原代碼窗口，在</object>前輸入:<param name="wmode" value="transparent"> 方法二：在Flash中的Flie→Publist Settings→HTML→Window Mode選擇transparent 44,在DW編輯文本中，如何輸入一個空格呢？輸入空格的問題，在DW彷佛已成了一個老生常談的問題。經過將輸入法調整到全角模式就能夠避免了。本以人工智能ABC爲例.按Shift+Space切換到全角狀態。 45,爲什麼個人DW中圖形顯示不正常。第一種：多是由於你定義並正在使用一個site，而你的HTML文件或者圖片不在這個site包含的區域以內，所以dreamweaver使用file協議來描述圖象的絕對路徑，惋惜IE不支持src中使用file協議，因此圖象就顯示不出來了。第二種：多是放圖片的文件夾或圖片名爲中文，也顯示不到網頁中去。 46,如何在本地機器上測試flash影片的loading？我想這多是不少人在問的題了，其實很簡單，在Test時，選選View->Show Streaming就能夠看到了。 47,在網頁中作出一根豎的線有幾種辦法. 第一種方法：用一個像素圖的辦法！若是你用Dreamwever的Edit→Preferences…→Layout View中的Spacer Image給你建立了一個缺省名爲：spacer.gif的一個像素圖文件。代碼中： <table border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#FF0000" height="200" ><img src="spacer.gif" width="1" height="1"></td> </tr> </table> 第二種方法：用表格填顏色的辦法！把<td> </td>中的刪掉 . <table border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#FF0000" height="200" width="1"></td> </tr> </table> 第三種方法：用水平條。 <hr color="red" width="1" size="100%"> 48, 關於鼠標拖動,改變層大小。──看看微軟的作法. <script> document.execCommand("2D-position",false,true); </script> <DIV contentEditable=true> <DIV style="WIDTH: 300px; POSITION: absolute; HEIGHT: 100px; red">移動層</DIV> </DIV>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。