html小技巧

2019-11-17 05:14:40

字體：大中小

供稿：網(wǎng)友

一.用javascript在網(wǎng)頁上實(shí)現(xiàn)樹狀伸縮目錄：

1.建立空文件index.htm,在同目錄下建立子目錄images,在images之下有文件
folder_close.gif(有子項(xiàng)的目錄關(guān)閉時(shí)的圖標(biāo))
folder_open.gif(有子項(xiàng)的目錄打開時(shí)的圖標(biāo))
folder_link.gif(沒有子項(xiàng)的文件，只有鏈接的文件的圖標(biāo))

2.在<head></head>之間加上

<style>

</style>
<script language="Javascript1.2">

</script>

3.在<body>之后加上如下代碼：

<li id="foldheader">項(xiàng)目列表</li>
<ul id="foldinglist" style="display:none">
<li><a href="personalbox.htm">個(gè)人郵箱</a></li>
<li><a href="companybox.htm">企業(yè)郵箱</a></li>
</ul>

在IE中看index.htm的效果

二.用javascript實(shí)現(xiàn)刷新：
<script>
parent.frames(1).location=parent.frames(1).location;
</script>

三.用javasript判定網(wǎng)頁中輸入框填入項(xiàng)的狀態(tài)：

1.判定填入項(xiàng)中是否有某個(gè)字符或者串：
if(document.AddForm.mail.value.indexOf("@",1) < 0)
{alert("Email輸入格式不對(duì)!");return false;}

indexOf這個(gè)函數(shù)的第一個(gè)參數(shù)是需要包含的字符或者串，第二個(gè)參數(shù)是從第幾個(gè)
字符開始判定（第一個(gè)字符的index為0）
若未找到匹配的函數(shù)的返回值為-1，若找到匹配的則返回一個(gè)整數(shù)為子字符串的開始位置

2.判定填入項(xiàng)是否為整數(shù)：
//先將填入項(xiàng)轉(zhuǎn)化為整數(shù)
var integer = parseInt(document.AddForm.number.value);
//先判定是否裝化為數(shù)，然后判定是否全部為數(shù)
if (isNaN(integer)integer.toString().length != document.AddForm.number.value.length)
{alert("公司分機(jī)輸入錯(cuò)誤!");return false;}

3.假如對(duì)輸入的電話號(hào)碼，限制只能是輸入數(shù)字和()-+四個(gè)字符，這里要檢查填入項(xiàng)的有效性：

在<head>...</head>之間加入如下代碼：
<script LANGUAGE="javascript">

</script>

在<body>...</body>之間的表單．
<form method="POST" name=form action="" onSubmit="return check();">
<p align="center">請(qǐng)輸入電話號(hào)碼：
<input type="text" name="phone" size="20">
<input type="submit" value="提交" name="B1">
</p>
</form>

四.用javasript單一表單的多個(gè)遞交方案:
我們往往需要在同一個(gè)表單的Form域中將遞交的內(nèi)容分別交給不同的腳本去處理。
下面的代碼演示了：按下"submit 1"表單由cgi1.pl去處理，按下"submit 2 "表單由cgi2.pl去處理。

<Html>
<head>
<script>
function submitit1()
{
document.myForm.action = "http://www.site.com/cgi-bin/cgi1.pl"
document.myForm.submit();
}
function submitit2()
{
document.myForm.action = "http://www.site.com/cgi-bin/cgi2.pl"
document.myForm.submit();
}
</script>
</head>

<body>
<form name="myForm" METHOD=POST>
username:<input type=text name=text1>
passWord:<input type=password name=text2>
<input type=button value="Submit 1" onClick="submitit1()">
<input type=button value="Submit 2" onClick="submitit2()">
</form>
</body>
</html>

上一篇：c++經(jīng)典

下一篇：大教堂和市集