整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
avaScript 發(fā)展至今已經(jīng)變得越來(lái)越強(qiáng)大，且廣泛用于前端和后端開(kāi)發(fā)。
作為一名前端程序員，不斷的學(xué)習(xí)精進(jìn)技巧，了解JS的最新發(fā)展也是非常必要的，而簡(jiǎn)潔的一行代碼示例就是很好的方法。
今天，我們有 21 個(gè)JavaScript單行代碼技巧，增強(qiáng)我們對(duì) JavaScript 的理解并幫助您編寫更簡(jiǎn)潔、更有效的代碼。展示 JavaScript 的優(yōu)雅和高效。
1. 檢查變量是否是數(shù)組：
const isArray=variable=> Array.isArray(variable);Array.isArray() 方法檢查給定變量是否是數(shù)組。
2. 獲取數(shù)組中的最后一項(xiàng)：
const lastItem=array=> array.slice(-1)[0];通過(guò)使用負(fù)數(shù)組索引和 slice() 方法，我們可以輕松檢索數(shù)組中的最后一項(xiàng)。
3. 生成一個(gè)范圍內(nèi)的隨機(jī)數(shù)：
const randomNumber=(min, max)=> Math.floor(Math.random() * (max - min + 1)) + m使用 Math.random()、Math.floor() 和一點(diǎn)算術(shù)，我們可以生成指定范圍內(nèi)的隨機(jī)數(shù)。
4. 合并兩個(gè)數(shù)組：
const mergedArray=(array1, array2)=> [...array1, ...array2];擴(kuò)展運(yùn)算符 (...) 允許我們將兩個(gè)數(shù)組合并為一個(gè)數(shù)組。
5. 從數(shù)組中刪除重復(fù)項(xiàng)：
const uniqueArray=array=> [...new Set(array)];通過(guò)使用 Set 對(duì)象和展開(kāi)運(yùn)算符，我們可以輕松地消除數(shù)組中的重復(fù)值。
6. 將字符串的第一個(gè)字母大寫：
const capitalize=string=> string.charAt(0).toUpperCase() + string.slice(1);這個(gè)簡(jiǎn)潔的代碼片段將給定字符串的第一個(gè)字母大寫。
7. 檢查字符串是否包含子字符串：
const containsSubstring=(string, substring)=> string.includes(substring);使用includes()方法，我們可以快速判斷一個(gè)字符串是否包含特定的子字符串。
8. 查找數(shù)組中的最大數(shù)字：
const maxNumber=array=> Math.max(...array);使用擴(kuò)展運(yùn)算符和 Math.max() 方法，我們可以輕松找到數(shù)組中的最大數(shù)字。
9. 計(jì)算數(shù)字?jǐn)?shù)組的總和：
const sumArray=array=> array.reduce((total, num)=> total + num, 0);reduce() 方法允許我們通過(guò)迭代地將每個(gè)元素添加到運(yùn)行總計(jì)中來(lái)計(jì)算數(shù)組的總和。
10. 反轉(zhuǎn)字符串：
const reverseString=string=> string.split('').reverse().join('');此單行代碼使用 split()、reverse() 和 join() 方法來(lái)反轉(zhuǎn)給定的字符串。
11. 打亂數(shù)組：
const shuffleArray=array=> array.sort(()=> Math.random() - 0.5);通過(guò)提供生成隨機(jī)值的自定義排序函數(shù)，我們可以對(duì)數(shù)組的元素進(jìn)行打亂。
12. 從數(shù)組中刪除假值：
const truthyValues=array=> array.filter(Boolean);filter() 方法與布爾構(gòu)造函數(shù)一起允許我們從數(shù)組中刪除假值（例如 null、undefined 和 false）。
13. 截?cái)嘧址⒃诔^(guò)指定長(zhǎng)度時(shí)添加省略號(hào)：
const truncateString=(string, maxLength)=> string.length > maxLength ? string.slice(0, maxLength) + '...' : string;此單行將字符串截?cái)酁橹付ㄩL(zhǎng)度，并在超過(guò)該長(zhǎng)度時(shí)附加省略號(hào)。
14. 查找數(shù)組中元素第一次出現(xiàn)的索引：
const indexOfElement=(array, element)=> array.indexOf(element);indexOf() 方法返回?cái)?shù)組中給定元素第一次出現(xiàn)的索引。
15. 檢查字符串是否為回文：
const isPalindrome=string=> string===string.split('').reverse().join('');這個(gè)簡(jiǎn)潔的代碼片段通過(guò)將字符串與其反轉(zhuǎn)版本進(jìn)行比較來(lái)檢查字符串是否為回文。
16. 將字符串轉(zhuǎn)換為字符數(shù)組：
const stringToArray=string=> Array.from(string);Array.from() 方法將可迭代對(duì)象（例如字符串）轉(zhuǎn)換為數(shù)組。
17. 生成指定范圍內(nèi)的數(shù)字?jǐn)?shù)組：
const rangeArray=(start, end)=> Array.from({length: end - start + 1}, (_, i)=> start + i);使用 Array.from() 方法和箭頭函數(shù)，我們可以生成給定范圍內(nèi)的數(shù)字?jǐn)?shù)組。
18. 刪除字符串開(kāi)頭和結(jié)尾的空格：
const trimString=string=> string.trim();Trim() 方法刪除字符串兩端的空格。
19. 求一組數(shù)字的平均值：
const average=array=> array.reduce((total, num)=> total + num, 0) / array.length;通過(guò)將數(shù)組的總和除以它的長(zhǎng)度，我們可以計(jì)算出數(shù)字的平均值。
20. 檢查數(shù)字是否為偶數(shù)：
const isEven=number=> number % 2===0;這個(gè)簡(jiǎn)潔的代碼片段通過(guò)驗(yàn)證數(shù)字除以 2 的余數(shù)是否為零來(lái)檢查數(shù)字是否為偶數(shù)。
21. 從鍵值對(duì)數(shù)組創(chuàng)建對(duì)象：
const objectFromPairs=pairs=> Object.fromEntries(pairs);Object.fromEntries() 方法從鍵值對(duì)數(shù)組創(chuàng)建一個(gè)對(duì)象。
怎么樣？這些簡(jiǎn)潔的一行代碼示例，有沒(méi)有讓你瞬間get新技能呢？提高 JavaScript 技能并學(xué)習(xí)編寫高效、讓代碼變優(yōu)雅新方法。
最后，想要前端相關(guān)的什么知識(shí)點(diǎn)文章可以直接留言給我們！會(huì)在之后的發(fā)文中安排上！
讓優(yōu)秀的教育資源不再孤芳自賞，與你共享！
——千鋒數(shù)字智慧大前端
個(gè)網(wǎng)站收集了很多 CSS 加載動(dòng)畫，代碼很簡(jiǎn)單，效果很好，可以收藏以后查閱用。
CSS Loaders 是一個(gè)收集了互聯(lián)網(wǎng)上很多加載動(dòng)畫效果代碼的網(wǎng)站，其中包含了動(dòng)畫效果的源代碼，方便像我們這樣的前端開(kāi)發(fā)者來(lái)使用。
自從 CSS3 的動(dòng)畫屬性得到主流瀏覽器的支持以后，我們經(jīng)常看到使用 CSS 實(shí)現(xiàn)的各種加載動(dòng)畫效果，而這個(gè)網(wǎng)站就專門收集并且分類整理這些動(dòng)畫效果，無(wú)論是學(xué)習(xí)或者是查閱，甚至是二次修改來(lái)實(shí)現(xiàn)定制的需求，都能很好地滿足我。
CSS Loaders
以前常規(guī)的動(dòng)畫加載效果是做一張 gif 格式的動(dòng)圖，需要加載時(shí)顯示圖片，加載完成后隱藏圖片。這種原始的方式有幾個(gè)缺點(diǎn)：
這就是 gif 動(dòng)圖的弊端，相反，CSS 實(shí)現(xiàn)的加載效果，不僅動(dòng)畫流暢，還可以根據(jù)需要改變顏色和播放速度等，關(guān)鍵是占用空間很小。所以越來(lái)越多的開(kāi)發(fā)者和設(shè)計(jì)師在前期規(guī)劃時(shí)，都會(huì)優(yōu)先考慮 CSS 動(dòng)畫來(lái)實(shí)現(xiàn)。
CSS Loaders 已經(jīng)幫我們把非常多的加載效果都整理好了，是一個(gè)非常好用的加載動(dòng)畫預(yù)覽和文檔網(wǎng)站。
CSS Loaders 主頁(yè)是一個(gè)隨機(jī)的動(dòng)畫效果，顯示了該動(dòng)畫的 dom 結(jié)構(gòu)代碼，非常簡(jiǎn)潔：
<div class="loader"></div>所有的動(dòng)畫效果都是這個(gè)結(jié)構(gòu)，然后我們鼠標(biāo)懸停在動(dòng)畫上，就會(huì)顯示「copy the css」按鈕，點(diǎn)擊就會(huì)復(fù)制這個(gè) loader 的所有樣式，粘貼到我們的項(xiàng)目 css 中，動(dòng)畫就生效了，使用非常簡(jiǎn)單。比如常見(jiàn)的圓圈加載動(dòng)畫的 CSS 源碼：
.loader {
width: 50px;
aspect-ratio: 1;
border-radius: 50%;
border: 8px solid #514b82;
animation:
l20-1 0.8s infinite linear alternate,
l20-2 1.6s infinite linear;
}
@keyframes l20-1{
0% {clip-path: polygon(50% 50%,0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0% )}
12.5% {clip-path: polygon(50% 50%,0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0% )}
25% {clip-path: polygon(50% 50%,0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100% )}
50% {clip-path: polygon(50% 50%,0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100% )}
62.5% {clip-path: polygon(50% 50%,100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100% )}
75% {clip-path: polygon(50% 50%,100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100% )}
100% {clip-path: polygon(50% 50%,50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100% )}
}
@keyframes l20-2{
0% {transform:scaleY(1) rotate(0deg)}
49.99%{transform:scaleY(1) rotate(135deg)}
50% {transform:scaleY(-1) rotate(0deg)}
100% {transform:scaleY(-1) rotate(-135deg)}
}如果需要多個(gè)動(dòng)畫效果，我們可以直接修改 .loader 這個(gè) className，讓不同的動(dòng)畫效果對(duì)應(yīng)自己的 CSS，這是很基礎(chǔ)的 CSS 語(yǔ)法，這里就不展開(kāi)說(shuō)了。
網(wǎng)站的左邊做了不同動(dòng)畫類型的分類，我們可以點(diǎn)擊切換去查閱。
CSS Loaders 上所有動(dòng)畫效果的代碼都是公開(kāi)可見(jiàn)的，而且得益于 CSS3 強(qiáng)大的動(dòng)畫支持，實(shí)現(xiàn)的代碼都很簡(jiǎn)潔，我們直接復(fù)制使用就可以了。
↓↓點(diǎn)擊查看本次分享的網(wǎng)站。
CSS Loaders - 純 CSS 實(shí)現(xiàn)的各種動(dòng)畫加載效果，代碼簡(jiǎn)潔，全都只需要用一個(gè)元素｜那些免費(fèi)的磚
)貼圖：<img src="圖片地址">
2)加入連接：<a href="所要連接的相關(guān)地址">寫上你想寫的字</a>
1)貼圖：<img src="圖片地址">
2)加入連接：<a href="所要連接的相關(guān)地址">寫上你想寫的字</a>
3)在新窗口打開(kāi)連接：<a href="相關(guān)地址" target="_blank">寫上要寫的字</a>
消除連接的下劃線在新窗口打開(kāi)連接：
<a href="相關(guān)地址" style="text-decoration:none" target="_blank">寫上你想寫的字</a>
4)移動(dòng)字體(走馬燈)：<marquee>寫上你想寫的字</marquee>
5)字體加粗：<b>寫上你想寫的字</b>
6)字體斜體：<i>寫上你想寫的字</i>
7)字體下劃線: <u>寫上你想寫的字</u>
8)字體刪除線: <s>寫上你想寫的字</s>
9)字體加大: <big>寫上你想寫的字</big>
10)字體控制大小：<h1>寫上你想寫的字</h1> (其中字體大小可從h1-h5,h1最大，h5最小)
11)更改字體顏色：<font color="#value">寫上你想寫的字</font>(其中value值在000000與ffffff(16位進(jìn)制)之間
12)消除連接的下劃線：<a href="相關(guān)地址" style="text-decoration:none">寫上你想寫的字</a>
13)貼音樂(lè)：<embed src=音樂(lè)地址 width=300 height=45 type=audio/mpeg autostart="false">
14)貼flash: <embed src="flash地址" width="寬度" height="高度">
15)貼影視文件：<img dynsrc="文件地址" width="寬度" height="高度" start=mouseover>
16)換行：<br>
17)段落：<p>段落</p>
18)原始文字樣式：<pre>正文</pre>
19)換帖子背景：<body background="背景圖片地址">
20)固定帖子背景不隨滾動(dòng)條滾動(dòng)：<body background="背景圖片地址" body
bgproperties=fixed>
21)定制帖子背景顏色：<body bgcolor="#value">(value值見(jiàn)10)
22)帖子背景音樂(lè)：<bgsound="背景音樂(lè)地址" loop=infinite>
23)貼網(wǎng)頁(yè)：<iframe src="相關(guān)地址" width="寬度" height="高度"></iframe>
/----------------------------------------HTML特效代碼--------------------------------/
1。忽視右鍵
<body oncontextmenu="return false">
或
<body style="overflow-y:hidden">
2。加入背景音樂(lè)
IE:<bgsound src="*.mid" loop=infinite>
NS:<embed src="*.mid" autostart=true hidden=true loop=true>
</embed>
*.mid你的背景音樂(lè)的midi格式文件
3。簡(jiǎn)單的window.open方法
<a href="#"
onclick="javascript :window.open(文件路徑/文件名,newwindow,
toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,
width=400,height=300);">文字或圖片</a>
參數(shù)解釋：
<SCRIPT LANGUAGE="javascript"> js腳本開(kāi)始；
window.open 彈出新窗口的命令；
文件路徑/文件名 彈出窗口的文件名；
newwindow 彈出窗口的名字（不是文件名），非必須，可用空代替；
width=400 窗口寬度；
height=300 窗口高度；
top=0 窗口距離屏幕上方的象素值；
left=0 窗口距離屏幕左側(cè)的象素值；
toolbar=no 是否顯示工具欄，yes為顯示；
menubar，scrollbars 表示菜單欄和滾動(dòng)欄。
resizable=no 是否允許改變窗口大小，yes為允許；
location=no 是否顯示地址欄，yes為允許；
status=no 是否顯示狀態(tài)欄內(nèi)的信息（通常是文件已經(jīng)打開(kāi)），yes為允許；
</SCRIPT> js腳本結(jié)束
4。簡(jiǎn)單的頁(yè)面加密
<script LANGUAGE="javascript">
<!--
function loopy(){
var sWord="";
while(sWord!="login"){sWord=prompt("請(qǐng)輸入你的登陸密碼");}
alert("登陸成功！");
}
loopy()
//-->
</script>
5。拉動(dòng)頁(yè)面時(shí)背景圖不動(dòng)
<style>
body{background-image:url(logo.gif);
background-repeat:no-repeat;background-position:center}
</style>
6。讓瀏覽器在保存頁(yè)面時(shí)保存失敗
<NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT>
7。隨機(jī)替換圖片
<script>
document.write(<img src="img/+parseInt(Math.random()*(5))
+.gif"height="40" width="50">
</script>
圖片文件名為0.gif 1.gif 2.gif 3.gif 4.gif
8。窗口定時(shí)關(guān)閉
先將如下代碼網(wǎng)頁(yè)文件的區(qū)：
<script language="javascript">
function closeit() { setTimeout("self.close()",10000) //毫秒 }
</script>
然后再在<body>標(biāo)內(nèi)加入如：<body onload="closeit()">
9。網(wǎng)頁(yè)自動(dòng)關(guān)閉
<html>
<head>
<object id=closes type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</object>
</head>
<body onload="window.setTimeout(closes.Click(),10000)">
這個(gè)窗口會(huì)在10秒過(guò)后自動(dòng)關(guān)閉,而且不會(huì)出現(xiàn)提示.
</body>
</html>
10。網(wǎng)頁(yè)自動(dòng)刷新
在head部記入
<META HTTP-EQUIV="Refresh" content="20">
其中20為20秒后自動(dòng)刷新，你可以更改為任意值。
11。網(wǎng)頁(yè)自動(dòng)轉(zhuǎn)頁(yè)
<META HTTP-EQUIV="Refresh" CONTENT="時(shí)間(秒);URL=地址">
12。保持layer在最前面，而不被Iframe、Object所覆蓋
在Layer中再插Iframe 或 Object 設(shè)z-Index值
<div z-Index:2><object xxx></object> ＃ 前面
<div z-Index:1><object xxx></object> ＃ 后面
<div id="Layer2" style="position:absolute; top:40;width:400px;
height:95px;z-index:2"> height=100% width=100%>
<iframe width=0 height=0></iframe>
</div>
<div id="Layer1" style="position:absolute; top:50;width:200px;
height:115px;z-index:1">
<iframe height=100% width=100%></iframe>
</div>
13。返回上一頁(yè)
<a href=javascript :history.back(1)>『返回上一頁(yè)』</a>
14。關(guān)閉窗口
<a href=javascript :self.close()>『關(guān)閉窗口』</a>
15。關(guān)于iframe的透明背景
<IFRAME ID="iFrame1" SRC="iframe.htm"
allowTransparency="true"
style="background-color: green"></IFRAME>
16. oncontextmenu="window.event.returnValue=false" 將徹底屏蔽鼠標(biāo)右鍵
<table border oncontextmenu=return(false)><td>no</table> 可用于Table
17. <body onselectstart="return false"> 取消選取、防止復(fù)制
18.onpaste="return false" 不準(zhǔn)粘貼
19.oncopy="return false;" oncut="return false;" 防止復(fù)制
20. <link rel="Shortcut Icon" href="favicon.ico"> IE地址欄前換成自己的圖標(biāo)
21. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夾中顯示出你的圖標(biāo)
22. <input style="ime-mode:disabled"> 關(guān)閉輸入法
23. 永遠(yuǎn)都會(huì)帶著框架
<script language="JavaScript"><!--
if (window==top)top.location.href="frames.htm"; //frames.htm為框架網(wǎng)頁(yè)
// --></script>
24. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT><!--
if (top.location !=self.location)top.location=self.location;
// --></SCRIPT>
25. 網(wǎng)頁(yè)將不能被另存為
<noscript><iframe src=*.html></iframe></noscript>
26. 查看網(wǎng)頁(yè)源代碼
<input type=button value=查看網(wǎng)頁(yè)源代碼 onclick="window.location="view-source:"+ "http://www.pconline.com.cn"">
27.刪除時(shí)確認(rèn)
<a href="javascript :if(confirm("確實(shí)要?jiǎng)h除嗎?"))location="boos.asp? &areyou=刪除&page=1"">刪除</a>
28.屏蔽功能鍵Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift鍵!"); //可以換成ALT CTRL
}
document.onkeydown=look;
</script>
29. 網(wǎng)頁(yè)不會(huì)被緩存
<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">
30.怎樣讓表單沒(méi)有凹凸感？
<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>
31.不要滾動(dòng)條?
讓豎條沒(méi)有:
<body style="overflow:scroll;overflow-y:hidden">
</body>
讓橫條沒(méi)有:
<body style="overflow:scroll;overflow-x:hidden">
</body>
兩個(gè)都去掉？更簡(jiǎn)單了
<body scroll="no">
</body>
32.怎樣去掉圖片鏈接點(diǎn)擊后，圖片周圍的虛線？
<a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>
33.電子郵件處理提交表單
<form name="form1" method="post" action="mailt****@***.com" enctype="text/plain">
<input type=submit>
</form>
34.在打開(kāi)的子窗口刷新父窗口的代碼里如何寫？
window.opener.location.reload()
35.如何設(shè)定打開(kāi)頁(yè)面的大小
<body onload="top.resizeTo(300,200);">
打開(kāi)頁(yè)面的位置<body onload="top.moveBy(300,200);">
36.在頁(yè)面中如何加入不是滿鋪的背景圖片,拉動(dòng)頁(yè)面時(shí)背景圖不動(dòng)
<STYLE>
body
{background-image:url(logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>
37. 檢查一段字符串是否全由數(shù)字組成
<script language="Javascript"><!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>
38. 獲得一個(gè)窗口的大小
document.body.clientWidth; document.body.clientHeight
39. 怎么判斷是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有漢字");
else alert("全是字符");
40.TEXTAREA自適應(yīng)文字行數(shù)的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>
41. 日期減去天數(shù)等于第二個(gè)日期
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上錯(cuò)誤處理
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>
42. 選擇了哪一個(gè)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>
43.腳本永不出錯(cuò)
<SCRIPT LANGUAGE="JavaScript">
<!-- Hide function killErrors(){return true;} window.onerror=killErrors; // -->
</SCRIPT>
44.ENTER鍵可以讓光標(biāo)移到下一個(gè)輸入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">
45. 檢測(cè)某個(gè)網(wǎng)站的鏈接速度：
把如下代碼加入<body>區(qū)域中:
<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=測(cè)試中
……>=》<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="鏈接超時(shí)"}
else
{document.forms[0]["txt"+b].value="時(shí)間"+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 nerror=auto("http://"+autourl+"")>")}
run()</script>
46. 各種樣式的光標(biāo)
auto ：標(biāo)準(zhǔn)光標(biāo)
default ：標(biāo)準(zhǔn)箭頭
hand ：手形光標(biāo)
wait ：等待光標(biāo)
text ：I形光標(biāo)
vertical-text ：水平I形光標(biāo)
no-drop ：不可拖動(dòng)光標(biāo)
not-allowed ：無(wú)效光標(biāo)
help ：?幫助光標(biāo)
all-scroll ：三角方向標(biāo)
move ：移動(dòng)標(biāo)
crosshair ：十字標(biāo)
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize
47、禁止鼠標(biāo)右鍵，把Demo的圖片全都設(shè)為表格的背景，表格的大小與圖片的大小一樣。這樣做看起來(lái)是一樣的，主要是防止鼠標(biāo)經(jīng)過(guò)圖片時(shí)會(huì)出現(xiàn)另存的按鈕。禁止鼠標(biāo)右鍵的代碼很簡(jiǎn)單：
<script LANGUAGE="JavaScript">
function click() { if (event.button==2)
{alert(呵呵，不好意思，你甭想使用右鍵下載圖片：）); } } document.onmousedown=click
</script>
48、在網(wǎng)頁(yè)的Head部分加入如下代碼，這段代碼的主要功能是屏蔽PrintScreen鍵，不斷清空剪貼版，防止圖片被用文件——另存為菜單另存。
<script language="javascript">
<!--
function testclip(){
try {
if(clipboardData.getData("Text")||clipboardData.getData("HTML")||clipboardData.getData("URL"))
{
null;
}
}
catch(e){
clipboardData.setData("Text","")
}
setTimeout("testclip()",500)
}
testclip();
//-->
</script>
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
1. 將徹底屏蔽鼠標(biāo)右鍵
<table border oncontextmenu=return(false)><td>no</table> 可用于Table
2. <body> 取消選取、防止復(fù)制
3. 不準(zhǔn)粘貼
4. 防止復(fù)制
5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址欄前換成自己的圖標(biāo)
6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夾中顯示出你的圖標(biāo)
7. <input style="ime-mode:-Disabled"> 關(guān)閉輸入法
8. 永遠(yuǎn)都會(huì)帶著框架
<script language="javascript"><!--
if (window==top)top.location.href="frames.htm"; //frames.htm為框架網(wǎng)頁(yè)
// --></script>
9. 防止被人frame
<SCRIPT LANGUAGE=javascript><!--
if (top.location !=self.location)top.location=self.location;
// --></SCRIPT>
10. 網(wǎng)頁(yè)將不能被另存為
<noscript><iframe src=*.html></iframe></noscript>
11. <input type=button value=查看網(wǎng)頁(yè)源代碼
onclick="window.location=`view-source:`+ http://www.51js.com/`";>
12.刪除時(shí)確認(rèn)
<a href=`javascript：if(confirm("確實(shí)要?jiǎng)h除嗎?"location="boos.asp?&areyou=刪除&page=1"`>刪
除</a>
13. 取得控件的絕對(duì)位置
//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. 光標(biāo)是停在文本框文字的最后
<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. 判斷上一頁(yè)的來(lái)源
javascript：
document.referrer
16. 最小化、最大化、關(guān)閉窗口
<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=關(guān)閉 onclick=hh3.Click()>
本例適用于IE
17.屏蔽功能鍵Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift鍵!"; //可以換成ALT CTRL
}
document.onkeydown=look;
</script>
18. 網(wǎng)頁(yè)不會(huì)被緩存
<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.怎樣讓表單沒(méi)有凹凸感？
<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>的區(qū)別？
<div>(division)用來(lái)定義大段的頁(yè)面元素，會(huì)產(chǎn)生轉(zhuǎn)行
<span>用來(lái)定義同一行內(nèi)的元素，跟<div>的唯一區(qū)別是不產(chǎn)生轉(zhuǎn)行
<layer>是ns的標(biāo)記，ie不支持，相當(dāng)于<div>
21.讓彈出窗口總是在最上面:
<body>
22.不要滾動(dòng)條?
讓豎條沒(méi)有:
<body style=`overflow:-Scroll;overflow-y:hidden`>
</body>
讓橫條沒(méi)有:
<body style=`overflow:-Scroll;overflow-x:hidden`>
</body>
兩個(gè)都去掉？更簡(jiǎn)單了
<body scroll="no">
</body>
23.怎樣去掉圖片鏈接點(diǎn)擊后，圖片周圍的虛線？
<a href="#"><img src="logo.jpg" border=0></a>
24.電子郵件處理提交表單
<form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain">
<input type=submit>
</form>
25.在打開(kāi)的子窗口刷新父窗口的代碼里如何寫？
window.opener.location.reload()
26.如何設(shè)定打開(kāi)頁(yè)面的大小
<body>
打開(kāi)頁(yè)面的位置<body>
27.在頁(yè)面中如何加入不是滿鋪的背景圖片,拉動(dòng)頁(yè)面時(shí)背景圖不動(dòng)
<style>
body
{background-image:url(logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</style>
28. 檢查一段字符串是否全由數(shù)字組成
<script language="javascript"><!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"
alert(checkNum("123214214a1"
// --></script>
29. 獲得一個(gè)窗口的大小
document.body.clientWidth; document.body.clientHeight
30. 怎么判斷是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有漢字";
else alert("全是字符";
31.TEXTAREA自適應(yīng)文字行數(shù)的多少
<textarea rows=1 name=s1 cols=27>
</textarea>
32. 日期減去天數(shù)等于第二個(gè)日期
<script language=javascript>
function cc(dd,dadd)
{
//可以加上錯(cuò)誤處理
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. 選擇了哪一個(gè)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">
</BODY></HTML>
34.腳本永不出錯(cuò)
<SCRIPT LANGUAGE="javascript">
<!-- Hide
function killErrors() {
return true;
}
window.onerror=killErrors;
// -->
</SCRIPT>
35.ENTER鍵可以讓光標(biāo)移到下一個(gè)輸入框
<input>
36. 檢測(cè)某個(gè)網(wǎng)站的鏈接速度：
把如下代碼加入<body>區(qū)域中:
<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=測(cè)試中……>=》<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="鏈接超時(shí)"}
else
{document.forms[0]["txt"+b].value="時(shí)間"+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. 各種樣式的光標(biāo)
auto ：標(biāo)準(zhǔn)光標(biāo)
default ：標(biāo)準(zhǔn)箭頭
hand ：手形光標(biāo)
wait ：等待光標(biāo)
text ：I形光標(biāo)
vertical-text ：水平I形光標(biāo)
no-drop ：不可拖動(dòng)光標(biāo)
not-allowed ：無(wú)效光標(biāo)
help ：?幫助光標(biāo)
all-scroll ：三角方向標(biāo)
move ：移動(dòng)標(biāo)
crosshair ：十字標(biāo)
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize
38.頁(yè)面進(jìn)入和退出的特效
進(jìn)入頁(yè)面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
推出頁(yè)面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">
這個(gè)是頁(yè)面被載入和調(diào)出時(shí)的一些特效。Duration表示特效的持續(xù)時(shí)間，以秒為單位。Transition表示使
用哪種特效，取值為1-23:
0 矩形縮小
1 矩形擴(kuò)大
2 圓形縮小
3 圓形擴(kuò)大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 豎百葉窗
9 橫百葉窗
10 錯(cuò)位橫百葉窗
11 錯(cuò)位豎百葉窗
12 點(diǎn)擴(kuò)散
13 左右到中間刷新
14 中間到左右刷新
15 中間到上下
16 上下到中間
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 橫條
22 豎條
23 以上22種隨機(jī)選擇一種
39.在規(guī)定時(shí)間內(nèi)跳轉(zhuǎn)
<META http-equiv=V="REFRESH" content="5;URL=http://www.51js.com">
40.網(wǎng)頁(yè)是否被檢索
<meta name="ROBOTS" content="屬性值">
其中屬性值有以下一些:
屬性值為"all": 文件將被檢索，且頁(yè)上鏈接可被查詢；
屬性值為"none": 文件不被檢索，而且不查詢頁(yè)上的鏈接；
屬性值為"index": 文件將被檢索；
屬性值為"follow": 查詢頁(yè)上的鏈接；
屬性值為"noindex": 文件不檢索，但可被查詢鏈接；
屬性值為"nofollow": 文件不被檢索，但可查詢頁(yè)上的鏈接。
41.變換網(wǎng)頁(yè)的鼠標(biāo)光標(biāo)
<BODY style="CURSOR: url(http://203.73.125.205/~liangmi2/farmfrog01.cur`)">
42.怎樣實(shí)現(xiàn)在任務(wù)欄顯示小圖標(biāo)的效果？ (要使用絕對(duì)地址)
有些站點(diǎn)，訪問(wèn)時(shí)會(huì)在地址欄地址前顯出小圖標(biāo)，添加到收藏夾后也在收藏欄中顯示圖標(biāo)，
這樣很好的與其它站點(diǎn)有了區(qū)別。
要達(dá)到這個(gè)效果，先需做出這個(gè)圖標(biāo)文件，圖像為16*16像素，不要超過(guò)16色。文件格式為ico，然后上傳至你的網(wǎng)站。
然后，在需要的頁(yè)面中，加上以下html語(yǔ)句到文件的<head>和</head>之間（假設(shè)以上ico文件的地址http://happyisland.126.com/icon.ico）。
<link REL="SHORTCUT ICON"href="http:///happyisland.126.com/icon.ico";>
如果訪問(wèn)者的瀏覽器是IE5.0，就不需加任何代碼，只要將圖標(biāo)文件上傳到網(wǎng)站的根目錄下即可。
1,META標(biāo)簽里的代碼是什么意思？
<META>是放于<HEAD>與</HEAD>之間的標(biāo)記.以下是我總結(jié)它在網(wǎng)頁(yè)中最常見(jiàn)的幾種。
<meta name="Keywords" content="圖片, 新聞, 音樂(lè), 軟件">
該網(wǎng)頁(yè)的關(guān)鍵字，作用于搜索引擎的登錄，事實(shí)上它在現(xiàn)在的網(wǎng)站中并沒(méi)什么用。
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
設(shè)定這是 HTML 文件及其編碼語(yǔ)系，簡(jiǎn)體中文網(wǎng)頁(yè)使用charset=gb2312，繁體中文使用charset=big5，或者不設(shè)編碼也可，純英文網(wǎng)頁(yè)建議使用 iso-8859-1。
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
這只表示該網(wǎng)頁(yè)由什么編輯器寫的。
<meta http-equiv="refresh" content="10; url=http://www.hkiwc.com">
這行較為實(shí)用，能于預(yù)定秒數(shù)內(nèi)自動(dòng)轉(zhuǎn)到指定網(wǎng)址。原代碼中 10 表示 10秒。
2，怎么改變滾動(dòng)條的顏色，只有ie5.5版本以上才能支持。
這是使用CSS語(yǔ)言，在次說(shuō)明一下，它和我的瀏覽器版本有一定的關(guān)系。
scrollbar-arrow-color：上下按鈕上三角箭頭的顏色。
scrollbar-base-color：滾動(dòng)條的基本顏色。
scrollbar-dark-shadow-color：立體滾動(dòng)條強(qiáng)陰影的顏色
scrollbar-face-color：立體滾動(dòng)條凸出部分的顏色
scrollbar-highlight-color：滾動(dòng)條空白部分的顏色
scrollbar-shadow-color立體滾動(dòng)條陰影的顏色。
scrollbar-track-color:#99CC33;
scrollbar-3dlight-color:#A8CBF1;
代碼如下：
<style>
<!--
BODY {
scrollbar-face-color:#99CC33;//(立體滾動(dòng)條凸出部分的顏色)
scrollbar-highlight-color:#A8CBF1;//(滾動(dòng)條空白部分的顏色)
scrollbar-shadow-color:#A8CBF1;//(立體滾動(dòng)條陰影的顏色)
scrollbar-arrow-color:#FF9966;//(上下按鈕上三角箭頭的顏色)
scrollbar-base-color:#A8CBF1; //(滾動(dòng)條的基本顏色)
scrollbar-darkshadow-color:#A8CBF1; //(立體滾動(dòng)條強(qiáng)陰影的顏色)
scrollbar-track-color:#99CC33;
scrollbar-3dlight-color:#A8CBF1;
}
-->
</style>
//以下是其它的網(wǎng)頁(yè)的代碼
在這我補(bǔ)充幾點(diǎn)：
1.讓瀏覽器窗口永遠(yuǎn)都不出現(xiàn)滾動(dòng)條。
<body style="overflow-x:hidden;overflow-y:hidden">或<body style="overflow:hidden"> 或<body scroll=no>
2，沒(méi)有水平滾動(dòng)條
<body style="overflow-x:hidden">
3，沒(méi)有垂直滾動(dòng)條
<body style="overflow-y:hidden">
3,如何給圖片抖動(dòng)怎做的.
<SCRIPT language=javascript1.2>
<!--
var rector=2
var stopit=0
var a=1
var count=0
function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}
function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1||count==100)
return
count++
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector
}
else if (a==3){
shake.style.top=parseInt(shake.style.top)-rector
}
else{
shake.style.left=parseInt(shake.style.left)-rector
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}
function stoprattle(which){
stopit=1
count=0
which.style.left=0
which.style.top=0
}
//-->
</SCRIPT>
<style>.shakeimage {POSITION: relative}
</style>
<img src="圖片的路徑" onmouseout=stoprattle(this) onmouseover=init(this);rattleimage() class=shakeimage>
4，在DW如何給水平線加顏色。
在DW中沒(méi)有此項(xiàng)設(shè)置，你只能在HTML中加入代碼：<hr color=red noshade>按F12的預(yù)覽在能看到。由于在NC中不支持<hr>的COLOR屬性，所以在DW中沒(méi)有此項(xiàng)設(shè)置。
5，如何在網(wǎng)頁(yè)中實(shí)現(xiàn)flash的全屏播放？
只要在調(diào)用swf文件的HTML中將WIDTH和HEIGHT的參數(shù)設(shè)為100％即可，當(dāng)然也可以在Flash導(dǎo)出HTML文件的設(shè)置中進(jìn)行設(shè)置，方法是：打開(kāi)File菜單；選Publish Settings彈出導(dǎo)出設(shè)置對(duì)話框；在HTML標(biāo)簽下的Dimensions選項(xiàng),下拉后選中Percent（百分比）,并在WIDTH 和HEIGHT框中填100.就行了。
6,為什么我在DW中插入的Flash動(dòng)畫缺看不找！
如果你沒(méi)有正確地安裝Dreamweaver和Flash，那么在你預(yù)覽的時(shí)候，Dreamweaver會(huì)提示你缺少播放的插件，請(qǐng)你按裝InstallAXFlash.exe 并從新啟動(dòng)計(jì)算機(jī)。現(xiàn)在IE6已經(jīng)捆綁這個(gè)程序。
7，在Flash中，如果屏蔽鼠標(biāo)右鍵?FS命令都是什么意思?
fscommand ("fullscreen", "true/false";（全屏設(shè)置，TRUE開(kāi)，F(xiàn)ALSE關(guān)）
fscommand ("showmenu", "true/false";（右鍵菜單設(shè)置，TRUE顯示，F(xiàn)ALSE不顯示）
fscommand ("allowscale", "true/false";（縮放設(shè)置，TRUE自由縮放，F(xiàn)ALSE調(diào)整畫面不影響影片本身的尺寸）
fscommand ("trapallkeys", "true/false";（快捷鍵設(shè)置，TRUE快捷鍵開(kāi)，F(xiàn)ALSE快捷鍵關(guān)）
fscommand ("exec";（EXE程序調(diào)用）
fscommand ("quit";（退出關(guān)閉窗口）
8，F(xiàn)lash中什么是隱形按鈕。
利用button中的hit幀來(lái)制作只有感應(yīng)區(qū)域而完全透明的按鈕。
9，如何給Flash動(dòng)畫做鏈接。
Dreamweaver是不能給Flash制作鏈接的，只能在Flash中用geturl()加鏈接，然后再插入Dreamweaver中。
10，DW中的層的技巧。
層是可以嵌套的，我個(gè)人給大家一個(gè)技巧，在層面板中按住CTRL再拖放層到你想去成為其子層的地方就行了，我認(rèn)為這是最簡(jiǎn)單直觀的方法了。
11，如何改變鼠標(biāo)的形狀？
在Dreamweaver4中CSS樣式面板：
按CTR+SHIFT+E--出現(xiàn)樣式表對(duì)話框,點(diǎn)擊NEW，出現(xiàn)編輯對(duì)話框,在左邊最后一項(xiàng)extensions-cursor 選擇你要改的指針形式就可以了，然后把你要想改變的地方運(yùn)用樣式表，如果整頁(yè)都有在<body bgcolor="#003063" text="#ffffff" id=all>中加入就行了。
<span style="cursor:X`>樣例</span>
這里選擇（文本）作為對(duì)象，還可以自己改為其他的，如link等。
x可以等于=hand（手形）、crosshair（十字）、text（文本光標(biāo)）、wait（顧名思義啦）、default（默認(rèn)效果）、help（問(wèn)號(hào)）、e-size（向右箭頭）、ne-resize（向右上的箭頭）、nw-resize（向左上的箭頭）、w-resize（向左的箭頭）、sw-resize（左下箭頭）、s-resize（向下箭頭）、se-resize（向右下箭頭）、auto（系統(tǒng)自動(dòng)給出效果）。
12，用CSS做郵票，看看吧！
<input type=button value=我象不象郵票？ style="height:80px;border:2px dashed #cccccc">
13，經(jīng)常上網(wǎng)的朋友可能會(huì)到過(guò)這樣一些網(wǎng)站，一進(jìn)入首頁(yè)立刻會(huì)彈出一個(gè)窗口，怎么做呢！
這javascript代碼即可實(shí)現(xiàn)，摘錄藍(lán)色論壇。
【1、最基本的彈出窗口代碼】
其實(shí)代碼非常簡(jiǎn)單：
<SCRIPT LANGUAGE="javascript">
<!--
window.open (`page.html`)
-->
</SCRIPT>
因?yàn)橹且欢蝚avascripts代碼，所以它們應(yīng)該放在<SCRIPT LANGUAGE="javascript">標(biāo)簽和</script>之間。<!-- 和 -->是對(duì)一些版本低的瀏覽器起作用，在這些老瀏覽器中不會(huì)將標(biāo)簽中的代碼作為文本顯示出來(lái)。要養(yǎng)成這個(gè)好習(xí)慣啊。
window.open (`page.html`) 用于控制彈出新的窗口page.html，如果page.html不與主窗口在同一路徑下，前面應(yīng)寫明路徑，絕對(duì)路徑(http://)和相對(duì)路徑(../)均可。用單引號(hào)和雙引號(hào)都可以，只是不要混用。
這一段代碼可以加入HTML的任意位置，<head>和</head>之間可以，<body bgcolor="#003063" text="#ffffff" id=all>間</body>也可以，越前越早執(zhí)行，尤其是頁(yè)面代碼長(zhǎng)，又想使頁(yè)面早點(diǎn)彈出就盡量往前放。
【2、經(jīng)過(guò)設(shè)置后的彈出窗口】
下面再說(shuō)一說(shuō)彈出窗口的設(shè)置。只要再往上面的代碼中加一點(diǎn)東西就可以了。
我們來(lái)定制這個(gè)彈出的窗口的外觀，尺寸大小，彈出的位置以適應(yīng)該頁(yè)面的具體情況。
<SCRIPT LANGUAGE="javascript">
<!--
window.open (`page.html`, `newwindow`, `height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no`)
//寫成一行
-->
</SCRIPT>
參數(shù)解釋：
<SCRIPT LANGUAGE="javascript"> js腳本開(kāi)始；
window.open 彈出新窗口的命令；
`page.html` 彈出窗口的文件名；
`newwindow` 彈出窗口的名字（不是文件名），非必須，可用空``代替；
height=100 窗口高度；
width=400 窗口寬度；
top=0 窗口距離屏幕上方的象素值；
left=0 窗口距離屏幕左側(cè)的象素值；
toolbar=no 是否顯示工具欄，yes為顯示；
menubar，scrollbars 表示菜單欄和滾動(dòng)欄。
resizable=no 是否允許改變窗口大小，yes為允許；
location=no 是否顯示地址欄，yes為允許；
status=no 是否顯示狀態(tài)欄內(nèi)的信息（通常是文件已經(jīng)打開(kāi)），yes為允許；
</SCRIPT> js腳本結(jié)束
【3、用函數(shù)控制彈出窗口】
下面是一個(gè)完整的代碼。
<html>
<head>
<script LANGUAGE="javascript">
<!--
function openwin() { window.open ("page.html", "newwindow", "height=100, width=400, toolbar=
no, menubar=no, scrollbars=no, resizable=no, location=no, status=no"
//寫成一行
}
//-->
</script>
</head>
<body>
…任意的頁(yè)面內(nèi)容…
</body>
</html>
這里定義了一個(gè)函數(shù)openwin(),函數(shù)內(nèi)容就是打開(kāi)一個(gè)窗口。在調(diào)用它之前沒(méi)有任何用途。
怎么調(diào)用呢？
方法一：<body> 瀏覽器讀頁(yè)面時(shí)彈出窗口；
方法二：<body> 瀏覽器離開(kāi)頁(yè)面時(shí)彈出窗口；
方法三：用一個(gè)連接調(diào)用：
<a href="#">打開(kāi)一個(gè)窗口</a>
注意：使用的“#”是虛連接。
方法四：用一個(gè)按鈕調(diào)用：
<input type="button" value="打開(kāi)窗口">
14，沒(méi)有用表格寫的，讓大家隨便看看，沒(méi)什么。
<html>
<head>
<title>江南荷花扇面</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
.font1 { font-size: 12px; color: #999999; text-decoration: none}
a { font-size: 12px; color: #999999; text-decoration: none}
a:hover { font-size: 12px; color: #000000; text-decoration: none}
-->
</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">一夜露痕黃粉香 袁運(yùn)甫 </a>
<p>瑤池昨夜新涼 王金嶺
<p>一朵白蓮隨意開(kāi) 吳冠南
<p>新雨迎秋欲滿塘 齊辛民
<p>十里荷香 齊辛民
<p>濯清蓮而不妖 盧世曙
</div>
</body>
</html>
15,IE6已支持自定義cursor!
語(yǔ)法格式 cursor:url(圖標(biāo)) //cur或是ani文件.
cur就是WINDOWS中的光標(biāo)(cursor)文件，光標(biāo)文件與圖標(biāo)（ICON)文件除了文件頭有一個(gè)位置的值不同外，實(shí)際是一樣的。
ani是WINDOWS中的動(dòng)畫光標(biāo)（圖標(biāo)）文件。
<style type="text/css">
<!--
.unnamed1 { cursor:url(arrow2c.cur)}
-->
</style>
16,用marquee做的滾動(dòng)字幕.這也我剛看到論壇的朋友在問(wèn)。
語(yǔ)法：
align=# | top | middle| bottom //對(duì)齊方式)
BEHAVIOR=ALTERNATE | SCROLL | SLIDE //移動(dòng)的方式
BGCOLOR=color//底色區(qū)域顏色
DIRECTION=DOWN | LEFT | RIGHT | UP //移動(dòng)的方向
Loop=n //循環(huán)次數(shù)（默認(rèn)是循環(huán)不止）
Scrolldelay=milliseconds//延時(shí)
height=# width=# //區(qū)域面積
hspace=# vspace=# //空白區(qū)域
scrollamount=# //移動(dòng)的速度
<marquee align=top behavior=ALTERNATE BGCOLOR=#000000 height=60 width=433 scrollamount=5></marquee>
17，在FLASH5中也存在一些字體，打散后變成一團(tuán)的事是為什么？有解決的辦法嗎。
這是大家很常見(jiàn)的問(wèn)題！可能是對(duì)字庫(kù)支持的不好！我個(gè)是做成透明的gif圖片格式，然后倒入。
18，flash的網(wǎng)頁(yè)里“加入收藏夾”功能怎么實(shí)現(xiàn)？
在as中加getUrl("java script:window.external.addFavorite(http://skydesigner.51.net`,`我的工作室`)"
19，在Flash中，文本的動(dòng)態(tài)屬性和輸入屬性的區(qū)別。
input text在運(yùn)行時(shí)可被用戶或程序改變其值。
ynamic text僅允許被程序修改。
20,怎樣在IE中調(diào)用Dreamweaver進(jìn)行編輯.
相信很多在使用WinME或Window2000的朋友，會(huì)遇見(jiàn)是個(gè)問(wèn)題。很簡(jiǎn)單，把我們筆記本程序打開(kāi)，保存為一個(gè) *.reg 文件。雙擊它將信息添加到注冊(cè)表即可。
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，設(shè)置表格虛線。
方法一：作一個(gè)1X2的圖。半黑半白，再利用表格作成線。
方法二：在css里面設(shè)，要IE5。5才支持這種效果。
style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED"
22,看看在網(wǎng)頁(yè)中調(diào)用HHCtrl控件效果。
代碼如下：
<object id="HHC" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"></object><script>HHC.TextPopup("哈哈,大家好,我是閃夢(mèng)!","",50,5,128255,346751);</script>
22，如何讓一張圖片有淺到深的漸變。
<SCRIPT language=javascript1.2>
<!--
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=40
}
function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
</script>
<img onmouseout=low(this) onmouseover=high(this) style="FILTER: alpha(opacity=40)"src="logo.gif" >
23,雙擊鼠標(biāo)左鍵來(lái)滾動(dòng)背景，單擊停止。
<SCRIPT language=javascript>
var currentpos,timer;
function initialize()
{
timer=setInterval("scrollwindow()",16);
}
function sc(){
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos !=document.body.scrollTop)
sc();
}
document.onmousedown=sc
document.ondblclick=initialize
</SCRIPT>
24,如何在同一頁(yè)面設(shè)置不同文字鏈接效果的樣式.
代碼如下：
<HTML><HEAD><TITLE>如何在同一頁(yè)面設(shè)置不同文字鏈接效果的樣式</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
a:hover { font-size: 9pt; color: #FF0000; text-decoration: underline}
a:link { font-size: 9pt; color: #006699; text-decoration: underline}
a:visited { font-size: 9pt; color: #006699; text-decoration: underline}
a:active { font-size: 9pt; color: #FF0000; text-decoration: none}
a.r1:hover { font-size: 9pt; color: #FF0000; text-decoration: underline overline}
a.r1:link { font-size: 9pt; color: #000000; text-decoration: underline overline}
a.r1:visited { font-size: 9pt; color: #99CC00; text-decoration: underline overline}
a.r1:active { font-size: 9pt; color: #000000; text-decoration: underline overline}
-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<a href="#">下劃線鏈接 </a>
<p></p>
<a href="#" class="r1">雙下劃線鏈接</a>
</BODY>
</HTML>
補(bǔ)充說(shuō)明：
a:hover 表示鼠標(biāo)劃過(guò)時(shí)的樣式.
a:link 表示鏈接的樣式.
a:active 表示當(dāng)前活動(dòng)連接的樣式.
a:visited 表示已經(jīng)訪問(wèn)過(guò)的連接的樣式.
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: "宋體"}
//加入陰影效果
補(bǔ)充說(shuō)明：
這兩種濾鏡要想實(shí)現(xiàn)效果，必須加在如：<td class=glow或shadow ><div>xxxxxxxxx</div></td>上
，并且要留有足夠的空間能夠顯示陰影或描邊，否則會(huì)出現(xiàn)半截的陰影或描邊現(xiàn)象。
26,如何給做帶顏色的下拉菜單。
<select style="FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana;BACKGROUND-COLOR: #ff6600;" size=1 >
<option selected>:: Dreamweaver4 ::</option>
<option>::Flash5::</option>
<option>::Firewoks4::</option>
</select>
27,關(guān)于DW4的表格中的亮邊框和暗邊框問(wèn)題。
在DW4的表格面板中并沒(méi)有亮邊框和暗邊框的屬性設(shè)置，因?yàn)镹C不支持,只有你在代碼中添加了。
bordercolorlight="#999999" bordercolordark="#000000"
你也可以用Css定義一個(gè)class。例如：
<style>
.bordercolor { bordercolorlight: #999999; bordercolordark: #000000 }
</style>
然后在要加效果的表格里加上<table class="bordercolor">
28,自動(dòng)顯示主頁(yè)最后更新日期.
<script>
document.write("最后更新日期："+document.lastModified+""
</script>愛(ài)電臺(tái)有我
29,如何讓滾動(dòng)條出現(xiàn)在左邊？
我想居然在論壇中有人發(fā)表了這段代碼，很有意思，它的確照顧一些左撇子，呵呵！
<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" >是不是你的滾動(dòng)條在左邊啊</td>
</tr>
</table>
</body>
</html>
30,如何加入網(wǎng)址前面的小圖標(biāo)？
首先,您必須了解所謂的圖標(biāo)（Icon）是一種特殊的圖形文件格式，它是以 .ico 作為擴(kuò)展名。你可用在網(wǎng)上找一個(gè)制作圖標(biāo)軟件，它具有特有的規(guī)格：圖標(biāo)的大小為 16 * 16（以像素為單位）；顏色不得超過(guò) 16 色。 在該網(wǎng)頁(yè)文件的 HEAD 部分加入下面的內(nèi)容：<LINK REL="SHORTCUT ICON" HREF=" http://skydesigner.51.net/圖標(biāo)文件名">,并放在該網(wǎng)頁(yè)的根目錄下。
31,在800*600顯示器中，如何不讓網(wǎng)頁(yè)水平出現(xiàn)滾動(dòng)條！
設(shè)至<body leftmargin="0" topmargin="0">，網(wǎng)頁(yè)中的表格寬度為778。
32,關(guān)于<!DOTYPE>的說(shuō)明解釋。
在網(wǎng)頁(yè)中，經(jīng)常會(huì)看到〈!DOCTYPE HTML PUBLIC`-//W3C//DTD HTML 4.01//EN`>，是聲明HTML文件的版本信息。
33, 用圖片來(lái)關(guān)閉窗體.
<A href="java script:window.close()"><IMG height=20 width=20 alt="關(guān)閉窗口" src="close.gif" border=0></A>
補(bǔ)充說(shuō)明：如何使用了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="#">關(guān)閉窗口無(wú)提示</a>
</body>
</html>
34,禁止鼠標(biāo)右鍵查看網(wǎng)頁(yè)源代碼。
<SCRIPT language=javascript>
function click()
{if (event.button==2) {alert(`你好,歡迎光臨！`) }}
document.onmousedown=click
</SCRIPT>
補(bǔ)充說(shuō)明：
鼠標(biāo)完全被封鎖,可以屏蔽鼠標(biāo)右鍵和網(wǎng)頁(yè)文字。
< body>
35,通過(guò)按鈕來(lái)查看網(wǎng)頁(yè)源代碼。
<input type="BUTTON" value="查看源代碼" onClick=`window.location="view-source:" + window.location.href` name="BUTTON">
36,怎么用文字聯(lián)結(jié)實(shí)現(xiàn)按鈕的SUBMIT功能？
<a href="#">OK</a>
這段文字要放在form里。formname是這里要寫在form中的name,<form name=form111>那么就應(yīng)該是form111.submit()
37,如何做一個(gè)空鏈接？
加#
38,利用<IFRAME>來(lái)給網(wǎng)頁(yè)中插入網(wǎng)頁(yè)。
經(jīng)常我看到很多網(wǎng)頁(yè)中又有一個(gè)網(wǎng)頁(yè)，還以為是用了框架，其實(shí)不然，是用了<IFRAME>,它只適用于IE，NS可是不支持<IFRAME>的，但圍著的字句只有在瀏覽器不支援 iframe 標(biāo)記時(shí)才會(huì)顯示，如<noframes>一樣，可以放些提醒字句之類的話。
你注意啊！下面請(qǐng)和我學(xué)習(xí)它的用法。
分析代碼：<iframe src="iframe.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes"> </iframe>
src="iframe.html"
用來(lái)顯示<IFRAME>中的網(wǎng)頁(yè)來(lái)源，必要加上相對(duì)或絕對(duì)路徑。
name="test"
這是連結(jié)標(biāo)記的 target 參數(shù)所需要的。
align="MIDDLE"
可選值為 left, right, top, middle, bottom，作用不大 。
width="300" height="100"
框窗的寬及長(zhǎng)，以 pixels 為單位。
marginwidth="1" marginheight="1"
該插入的文件與框邊所保留的空間。
frameborder="1"
使用 1 表示顯示邊框， 0 則不顯示。（可以是 yes 或 no）
scrolling="Yes"
使用 Yes 表示容許卷動(dòng)（內(nèi)定）， No 則不容許卷動(dòng)。
39,請(qǐng)問(wèn)＜tbody＞的用法？
tbody用法據(jù)說(shuō)是加強(qiáng)對(duì)表格的控制能力的.例如：
<table><tbody>……..</tbody></table>
tbody代碼如果不是你用手寫的話,只有在你用IE5打開(kāi)一個(gè)網(wǎng)頁(yè)的時(shí)候， 把它另存為
一下，你的另存為的文件在表格中就會(huì)生成tbody代碼。(即便你的表格根本就沒(méi)有
tbody代碼，IE5另存為的時(shí)候也會(huì)給你生成)。
40,Alt和Title都是提示性語(yǔ)言標(biāo)簽，請(qǐng)注意它們之間的區(qū)別。
在我們?yōu)g覽網(wǎng)頁(yè)時(shí)，當(dāng)鼠標(biāo)停留在圖片對(duì)象或文字鏈接上時(shí)，在鼠標(biāo)的右下角有時(shí)會(huì)出現(xiàn)一個(gè)提示信息框。對(duì)目標(biāo)進(jìn)行一定的注釋說(shuō)明。在一些場(chǎng)合，它的作用是很重要的。
alt 用來(lái)給圖片來(lái)提示的。Title用來(lái)給鏈接文字或普通文字提示的。
用法如下：
<p Title="給鏈接文字提示">文字</p>
<a href="#" Title="給鏈接文字提示">文字</a>
<img src="圖片.gif" alt="給圖片提示">
補(bǔ)充知識(shí)：<TITLE><ALT>里面如何多行換行？在源代碼里Enter回車。
<a href="#" Title="個(gè)人簡(jiǎn)歷
姓名：張培
網(wǎng)名：我是閃夢(mèng)
性別：男的，不是女的。
愛(ài)好：網(wǎng)頁(yè)制作，軟件開(kāi)發(fā)">個(gè)人簡(jiǎn)歷</a>
例如：個(gè)人簡(jiǎn)歷
41, 用javascript代碼來(lái)實(shí)現(xiàn)閃爍按鈕。
<body>
<form method="POST" action="--WEBBOT-SELF--">
<input type="button" name=SUB value="閃爍" id=flashit style="BORDER: 1px solid ;BACKGROUND-COLOR: #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,打開(kāi)原代碼窗口，在</object>前輸入:<param name="wmode" value="transparent">
方法二：在Flash中的Flie→Publist Settings→HTML→Window Mode選擇transparent
44,在DW編輯文本中，如何輸入一個(gè)空格呢？
輸入空格的問(wèn)題，在DW似乎已成了一個(gè)老生常談的問(wèn)題。通過(guò)將輸入法調(diào)整到全角模式就可以避免了。本以人工智能ABC為例.按Shift+Space切換到全角狀態(tài)。
45,為何我的DW中圖形顯示不正常。
第一種：可能是因?yàn)槟愣x并正在使用一個(gè)site，而你的HTML文件或者圖片不在這個(gè)site包含的區(qū)域之內(nèi)，因此dreamweaver使用file協(xié)議來(lái)
描述圖象的絕對(duì)路徑，可惜IE不支持src中使用file協(xié)議，所以圖象就顯示不出來(lái)了。
第二種：可能是放圖片的文件夾或圖片名為中文，也顯示不到網(wǎng)頁(yè)中去。
46,如何在本地機(jī)器上測(cè)試flash影片的loading？
我想這可能是很多人在問(wèn)的題了，其實(shí)很簡(jiǎn)單，在Test時(shí)，選選View->Show Streaming就可以看到了。
47,在網(wǎng)頁(yè)中做出一根豎的線有幾種辦法.
第一種方法：用一個(gè)像素圖的辦法！
如果你用Dreamwever的Edit→Preferences…→Layout View中的Spacer Image給你創(chuàng)建了一個(gè)缺省名為：spacer.gif的一個(gè)像素圖文件 。
代碼中：
<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, 關(guān)于鼠標(biāo)拖動(dòng),改變層大小。──看看微軟的做法.
<script>
document.execCommand("2D-position",false,true);
</script>
<DIV>
<DIV style="WIDTH: 300px; POSITION: absolute; HEIGHT: 100px; BACKGROUND-COLOR: red">移動(dòng)層</DIV>
</DIV>
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
