網(wǎng)頁代碼常用小技巧總結

更新時間：2008年01月28日 22:35:32 作者：

網(wǎng)頁代碼常用小技巧總結

　　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)結實現(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)頁。

　　經常我看到很多網(wǎng)頁中又有一個網(wǎng)頁，還以為是用了框架，其實不然，是用了<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>中的網(wǎng)頁來源，必要加上相對或絕對路徑。
　　name="test"
　　這是連結標記的 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 表示容許卷動（內定）， 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似乎已成了一個老生常談的問題。通過將輸入法調整到全角模式就可以避免了。本以人工智能ABC為例.按Shift+Space切換到全角狀態(tài)。

　　45,為何我的DW中圖形顯示不正常。

第一種：可能是因為你定義并正在使用一個site，而你的HTML文件或者圖片不在這個site包含的區(qū)域之內，因此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>

　　49 ,點擊連接文字加入收藏夾。

<a href="java script:window.external.AddFavorite(http://www.webjx.com`, `網(wǎng)頁教學網(wǎng)`)">點擊加入收藏夾</a>

您可能感興趣的文章: