html小技巧

2019-11-17 05:14:40

字體：大中小

來源：轉載

供稿：網友

一.用javascript在網頁上實現樹狀伸縮目錄：

1.建立空文件index.htm,在同目錄下建立子目錄images,在images之下有文件
folder_close.gif(有子項的目錄關閉時的圖標)
folder_open.gif(有子項的目錄打開時的圖標)
folder_link.gif(沒有子項的文件，只有鏈接的文件的圖標)

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

<style>

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

</script>

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

<li id="foldheader">項目列表</li>
<ul id="foldinglist" style="display:none">
<li><a href="personalbox.htm">個人郵箱</a></li>
<li><a href="companybox.htm">企業郵箱</a></li>
</ul>

在IE中看index.htm的效果

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

三.用javasript判定網頁中輸入框填入項的狀態：

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

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

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

3.假如對輸入的電話號碼，限制只能是輸入數字和()-+四個字符，這里要檢查填入項的有效性：

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

</script>

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

四.用javasript單一表單的多個遞交方案:
我們往往需要在同一個表單的Form域中將遞交的內容分別交給不同的腳本去處理。
下面的代碼演示了：按下"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++經典

下一篇：大教堂和市集