JavaScript經(jīng)典代碼總結(jié)

JavaScript經(jīng)典代碼總結(jié)

看不到代碼的要這樣看才行
  1. oncontextmenu="window.event.returnvalue=false" 將徹底屏蔽鼠標右鍵
  2. <table border oncontextmenu=return(false)><td>no</table> 可用于Table
  3. <body onselectstart="return false"> 取消選取、防止
  4. onpaste="return false" 不準粘貼
  5. oncopy="return false;" oncut="return false;" 防止
  6. <link rel="Shortcut Icon" href="favicon.ico"> IE地址欄前換成自己的圖標
  7. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夾中顯示出你的圖標
  8. <input style="ime-mode:-Disabled"> 關閉輸入法
  9. 永遠都會帶著框架
  1. 防止被人frame
  1. 網(wǎng)頁將不能被另存為
    <noscript><iframe src=*.html></iframe></noscript>
  2. <input type=button value=查看網(wǎng)頁源代碼
    onclick="window.location = view-source:+ http://www.51js.com/";> 12.刪除時確認 <a href=javascript:if(confirm("確實要刪除嗎?"location="boos.asp?&areyou=刪除&page=1"`>刪
    除</a>
  3. 取得控件的絕對位置

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

  1. 光標是停在文本框文字的最后
    <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()">
  2. 判斷上一頁的來源
    javascript:
    document.referrer
  3. 最小化、最大化、關閉窗口
    <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

示例2

17.屏蔽功能鍵Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift鍵!"; //可以換成ALTCTRL
}
document.onkeydown=look;
</script>

  1. 網(wǎng)頁不會被緩存
    <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>的區(qū)別?
    <div>(division)用來定義大段的頁面元素,會產(chǎn)生轉(zhuǎn)行
    <span>用來定義同一行內(nèi)的元素,跟<div>的唯一區(qū)別是不產(chǎn)生轉(zhuǎn)行
    <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>
  2. 檢查一段字符串是否全由數(shù)字組成
  1. 獲得一個窗口的大小
    document.body.clientWidth; document.body.clientHeight
  2. 怎么判斷是否是字符
    if (/[^/x00-/xff]/g.test(s)) alert("含有漢字";
    else alert("全是字符";
    31.TEXTAREA自適應文字行數(shù)的多少
    <textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
    </textarea>
  3. 日期減去天數(shù)等于第二個日期
    <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>
  4. 選擇了哪一個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">

  1. 檢測某個網(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=測試中……> =》<input type=text
    name=url"+i+" size=40> =》<input type=button value=GO
    onclick=window.open(this.form.url"+i+".value)>
    "
    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>

示例3

  1. 各種樣式的光標
    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)">
    這個是頁面被載入和調(diào)出時的一些特效。Duration表示特效的持續(xù)時間,以秒為單位。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.在規(guī)定時間內(nèi)跳轉(zhuǎn)
    <META http-equiv=V="REFRESH" content="5;URL=http://www.51js.com">
    40.網(wǎng)頁是否被檢索
    <meta name="ROBOTS" content="屬性值">
      其中屬性值有以下一些:
      屬性值為"all": 文件將被檢索,且頁上鏈接可被查詢;
      屬性值為"none": 文件不被檢索,而且不查詢頁上的鏈接;
      屬性值為"index": 文件將被檢索;
      屬性值為"follow": 查詢頁上的鏈接;
      屬性值為"noindex": 文件不檢索,但可被查詢鏈接;
      屬性值為"nofollow": 文件不被檢索,但可查詢頁上的鏈接。
    41.變換網(wǎng)頁的鼠標光標
    <BODY style="CURSOR: url(http://203.73.125.205/~liangmi2/farmfrog01.cur`)">
    42.怎樣實現(xiàn)在任務欄顯示小圖標的效果? (要使用絕對地址)
    有些站點,訪問時會在地址欄地址前顯出小圖標,添加到收藏夾后也在收藏欄中顯示圖標,
    這樣很好的與其它站點有了區(qū)別。
    要達到這個效果,先需做出這個圖標文件,圖像為16*16像素,不要超過16色。文件格式為ico,然后上傳至你的網(wǎng)站。
    然后,在需要的頁面中,加上以下html語句到文件的<head>和</head>之間(假設以上ico文件的地址http://happyisland.126.com/icon.ico)。
    <link REL="SHORTCUT ICON"href="http:///happyisland.126.com/icon.ico";>
    如果訪問者的瀏覽器是IE5.0,就不需加任何代碼,只要將圖標文件上傳到網(wǎng)站的根目錄下即可。
    1,META標簽里的代碼是什么意思?
    <META>是放于<HEAD>與</HEAD>之間的標記.以下是我總結(jié)它在網(wǎng)頁中最常見的幾種。
    <meta name="Keywords" content="圖片, 新聞, 音樂, 軟件">
    該網(wǎng)頁的關鍵字,作用于搜索引擎的登錄,事實上它在現(xiàn)在的網(wǎng)站中并沒什么用。
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    設定這是 HTML 文件及其編碼語系,簡體中文網(wǎng)頁使用charset=gb2312,繁體中文使用charset=big5,或者不設編碼也可,純英文網(wǎng)頁建議使用 iso-8859-1。
    <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
    這只表示該網(wǎng)頁由什么編輯器寫的。
    <meta http-equiv="refresh" content="10; url=http://www.hkiwc.com">
    這行較為實用,能于預定秒數(shù)內(nèi)自動轉(zhuǎn)到指定網(wǎng)址。原代碼中 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>

示例4

1.讓瀏覽器窗口永遠都不出現(xiàn)滾動條。
<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中不支持


的COLOR屬性,所以在DW中沒有此項設置。
   
5,如何在網(wǎng)頁中實現(xiàn)flash的全屏播放?
只要在調(diào)用swf文件的HTML中將WIDTH和HEIGHT的參數(shù)設為100%即可,當然也可以在Flash導出HTML文件的設置中進行設置,方法是:打開File菜單;選Publish Settings彈出導出設置對話框;在HTML標簽下的Dimensions選項,下拉后選中Percent(百分比),并在WIDTH 和HEIGHT框中填100.就行了。
6,為什么我在DW中插入的Flash動畫缺看不找!
如果你沒有正確地安裝Dreamweaver和Flash,那么在你預覽的時候,Dreamweaver會提示你缺少播放的插件,請你按裝InstallAXFlash.exe 并從新啟動計算機?,F(xiàn)在IE6已經(jīng)捆綁這個程序。
7,在Flash中,如果屏蔽鼠標右鍵?FS命令都是什么意思?
fscommand ("fullscreen", "true/false";(全屏設置,TRUE開,F(xiàn)ALSE關)
fscommand ("showmenu", "true/false";(右鍵菜單設置,TRUE顯示,F(xiàn)ALSE不顯示)
fscommand ("allowscale", "true/false";(縮放設置,TRUE自由縮放,F(xiàn)ALSE調(diào)整畫面不影響影片本身的尺寸)
fscommand ("trapallkeys", "true/false";(快捷鍵設置,TRUE快捷鍵開,F(xiàn)ALSE快捷鍵關)
fscommand ("exec";(EXE程序調(diào)用)
fscommand ("quit";(退出關閉窗口)
8,F(xiàn)lash中什么是隱形按鈕。
利用button中的hit幀來制作只有感應區(qū)域而完全透明的按鈕。
9,如何給Flash動畫做鏈接。
Dreamweaver是不能給Flash制作鏈接的,只能在Flash中用geturl()加鏈接,然后再插入Dreamweaver中。
10,DW中的層的技巧。
層是可以嵌套的,我個人給大家一個技巧,在層面板中按住CTRL再拖放層到你想去成為其子層的地方就行了,我認為這是最簡單直觀的方法了。
11,如何改變鼠標的形狀?
在Dreamweaver4中CSS樣式面板:
按CTR+SHIFT+E--出現(xiàn)樣式表對話框,點擊NEW,出現(xiàn)編輯對話框,在左邊最后一項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(系統(tǒng)自動給出效果)。
12,用CSS做郵票,看看吧!
<input type=button value=我象不象郵票? style="height:80px;border:2px dashed #cccccc">
13,經(jīng)常上網(wǎng)的朋友可能會到過這樣一些網(wǎng)站,一進入首頁立刻會彈出一個窗口,怎么做呢!
這javascript代碼即可實現(xiàn),摘錄藍色論壇。

其實代碼非常簡單:
<SCRIPT LANGUAGE="javascript">

</SCRIPT>
因為著是一段javascripts代碼,所以它們應該放在<SCRIPT LANGUAGE="javascript">標簽和</script>之間。是對一些版本低的瀏覽器起作用,在這些老瀏覽器中不會將標簽中的代碼作為文本顯示出來。要養(yǎng)成這個好習慣啊。
window.open (page.html) 用于控制彈出新的窗口page.html,如果page.html不與主窗口在同一路徑下,前面應寫明路徑,絕對路徑(http://)和相對路徑(../)均可。用單引號和雙引號都可以,只是不要混用。
這一段代碼可以加入HTML的任意位置,<head>和</head>之間可以,<body bgcolor="#003063" text="#ffffff" id=all>間</body>也可以,越前越早執(zhí)行,尤其是頁面代碼長,又想使頁面早點彈出就盡量往前放。

下面再說一說彈出窗口的設置。只要再往上面的代碼中加一點東西就可以了。
我們來定制這個彈出的窗口的外觀,尺寸大小,彈出的位置以適應該頁面的具體情況。
<SCRIPT LANGUAGE="javascript">

</SCRIPT>
參數(shù)解釋:
<SCRIPT LANGUAGE="javascript"> js腳本開始;
window.open 彈出新窗口的命令;
page.html 彈出窗口的文件名;
newwindow 彈出窗口的名字(不是文件名),非必須,可用空``代替;
height=100 窗口高度;
width=400 窗口寬度;
top=0 窗口距離屏幕上方的象素值;
left=0 窗口距離屏幕左側(cè)的象素值;
toolbar=no 是否顯示工具欄,yes為顯示;
menubar,scrollbars 表示菜單欄和滾動欄。
resizable=no 是否允許改變窗口大小,yes為允許;
location=no 是否顯示地址欄,yes為允許;
status=no 是否顯示狀態(tài)欄內(nèi)的信息(通常是文件已經(jīng)打開),yes為允許;
</SCRIPT> js腳本結(jié)束

下面是一個完整的代碼。
<html>
<head>
<script LANGUAGE="javascript">

</script>
</head>
<body onload="openwin()">
…任意的頁面內(nèi)容…
</body>
</html>
這里定義了一個函數(shù)openwin(),函數(shù)內(nèi)容就是打開一個窗口。在調(diào)用它之前沒有任何用途。
怎么調(diào)用呢?
方法一:<body onload="openwin()"> 瀏覽器讀頁面時彈出窗口;
方法二:<body onunload="openwin()"> 瀏覽器離開頁面時彈出窗口;
方法三:用一個連接調(diào)用:
<a href="#" onclick="openwin()">打開一個窗口</a>
注意:使用的“#”是虛連接。
方法四:用一個按鈕調(diào)用:
<input type="button" onclick="openwin()" value="打開窗口">

示例5

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//底色區(qū)域顏色
DIRECTION=DOWN | LEFT | RIGHT | UP //移動的方向
Loop=n //循環(huán)次數(shù)(默認是循環(huán)不止)
Scrolldelay=milliseconds//延時
height=# width=# //區(qū)域面積
hspace=# vspace=# //空白區(qū)域
scrollamount=# //移動的速度
<marquee align=top behavior=ALTERNATE BGCOLOR=#000000 height=60 width=433 scrollamount=5></marquee>
17,在FLASH5中也存在一些字體,打散后變成一團的事是為什么?有解決的辦法嗎。
這是大家很常見的問題!可能是對字庫支持的不好!我個是做成透明的gif圖片格式,然后倒入。
18,flash的網(wǎng)頁里“加入收藏夾”功能怎么實現(xiàn)?
在as中加getUrl("java script:window.external.addFavorite(http://skydesigner.51.net,我的工作室`)"
19,在Flash中,文本的動態(tài)屬性和輸入屬性的區(qū)別。
input text在運行時可被用戶或程序改變其值。
ynamic text僅允許被程序修改。
20,怎樣在IE中調(diào)用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,看看在網(wǎng)頁中調(diào)用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 表示已經(jīng)訪問過的連接的樣式.
25, 用CSS給文字加入陰影效果和文字描邊效果。
.glow{; COLOR: #ffffff; FONT-FAMILY: Verdana;BACKGROUND-COLOR: #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,如何讓滾動條出現(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" >是不是你的滾動條在左邊啊</td>
</tr>
</table>
</body>
</html>
30,如何加入網(wǎng)址前面的小圖標?
  首先,您必須了解所謂的圖標(Icon)是一種特殊的圖形文件格式,它是以 .ico 作為擴展名。你可用在網(wǎng)上找一個制作圖標軟件,它具有特有的規(guī)格:圖標的大小為 16 * 16(以像素為單位);顏色不得超過 16 色。 在該網(wǎng)頁文件的 HEAD 部分加入下面的內(nèi)容:<LINK REL="SHORTCUT ICON" HREF=" http://skydesigner.51.net/圖標文件名">,并放在該網(wǎng)頁的根目錄下。

示例6

31,在800*600顯示器中,如何不讓網(wǎng)頁水平出現(xiàn)滾動條!
設至<body leftmargin="0" topmargin="0">,網(wǎng)頁中的表格寬度為778。
32,關于<!DOTYPE>的說明解釋。
在網(wǎng)頁中,經(jīng)常會看到〈!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,禁止鼠標右鍵查看網(wǎng)頁源代碼。
<SCRIPT language=javascript>
function click()
{if (event.button==2) {alert(你好,歡迎光臨!) }}
document.onmousedown=click
</SCRIPT>
補充說明:
鼠標完全被封鎖,可以屏蔽鼠標右鍵和網(wǎng)頁文字。
< body oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
35,通過按鈕來查看網(wǎng)頁源代碼。
<input type="BUTTON" value="查看源代碼" onClick= window.location = "view-source:" + window.location.href name="BUTTON">
36,怎么用文字聯(lián)結(jié)實現(xiàn)按鈕的SUBMIT功能?
<a href="#" onclick="formname.submit()">OK</a>
這段文字要放在form里。formname是這里要寫在form中的name,<form name=form111>那么就應該是form111.submit()
37,如何做一個空鏈接?
加#
38,利用<IFRAME>來給網(wǎng)頁中插入網(wǎng)頁。
  經(jīng)常我看到很多網(wǎng)頁中又有一個網(wǎng)頁,還以為是用了框架,其實不然,是用了<IFRAME>,它只適用于IE,NS可是不支持<IFRAME>的,但圍著的字句只有在瀏覽器不支援 iframe 標記時才會顯示,如<noframes>一樣,可以放些提醒字句之類的話。
你注意?。∠旅嬲埡臀覍W習它的用法。
分析代碼:<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>中的網(wǎng)頁來源,必要加上相對或絕對路徑。
  name="test"
  這是連結(jié)標記的 target 參數(shù)所需要的。
  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 表示容許卷動(內(nèi)定), No 則不容許卷動。
39,請問<tbody>的用法?
tbody用法據(jù)說是加強對表格的控制能力的.例如:
<table><tbody>……..</tbody></table>
  tbody代碼如果不是你用手寫的話,只有在你用IE5打開一個網(wǎng)頁的時候, 把它另存為
一下,你的另存為的文件在表格中就會生成tbody代碼。(即便你的表格根本就沒有
tbody代碼,IE5另存為的時候也會給你生成)。
40,Alt和Title都是提示性語言標簽,請注意它們之間的區(qū)別。
  在我們?yōu)g覽網(wǎng)頁時,當鼠標停留在圖片對象或文字鏈接上時,在鼠標的有時會出現(xiàn)一個提示信息框。對目標進行一定的注釋說明。在一些場合,它的作用是很重要的。
alt 用來給圖片來提示的。Title用來給鏈接文字或普通文字提示的。
用法如下:
<p Title="給鏈接文字提示">文字</p>
<a href="#" Title="給鏈接文字提示">文字</a>
<img src="圖片.gif" alt="給圖片提示">
補充知識:<TITLE><ALT>里面如何多行換行?在源代碼里Enter回車。
<a href="#" Title="個人簡歷
姓名:張培
網(wǎng)名:我是閃夢
性別:男的,不是女的。
愛好:網(wǎng)頁制作,軟件開發(fā)">個人簡歷</a>
例如:個人簡歷
41, 用javascript代碼來實現(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,打開原代碼窗口,在</object>前輸入:<param name="wmode" value="transparent">
方法二:在Flash中的Flie→Publist Settings→HTML→Window Mode選擇transparent
44,在DW編輯文本中,如何輸入一個空格呢?
輸入空格的問題,在DW似乎已成了一個老生常談的問題。通過將輸入法調(diào)整到全角模式就可以避免了。本以人工智能ABC為例.按Shift+Space切換到全角狀態(tài)。
45,為何我的DW中圖形顯示不正常。
第一種:可能是因為你定義并正在使用一個site,而你的HTML文件或者圖片不在這個site包含的區(qū)域之內(nèi),因此dreamweaver使用file協(xié)議來
描述圖象的絕對路徑,可惜IE不支持src中使用file協(xié)議,所以圖象就顯示不出來了。
第二種:可能是放圖片的文件夾或圖片名為中文,也顯示不到網(wǎng)頁中去。
46,如何在本地機器上測試flash影片的loading?
我想這可能是很多人在問的題了,其實很簡單,在Test時,選選View->Show Streaming就可以看到了。
47,在網(wǎng)頁中做出一根豎的線有幾種辦法.
第一種方法:用一個像素圖的辦法!
如果你用Dreamwever的Edit→Preferences…→Layout View中的Spacer Image給你創(chuàng)建了一個缺省名為: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; BACKGROUND-COLOR: red">移動層</DIV>
</DIV>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容