Javascript中最常用的经典技巧(4)

2009年12月22日 由 月影鹏鹏 留言 »

46、自动的为你每次产生最後修改的日期了：

<html>
<body>
This is a simple HTML- page.
<br>
Last changes:
<script language=”LiveScript”>
<!– hide script from old browsers
***(document.lastModified)
// end hiding contents –>
</script>
</body>
</html>

47、不能为空和邮件地址的约束：

<html>
<head>
<script language=”JavaScript”>
<!– Hide
function test1(form) {
if (form.text1.value == “”)
alert(“您 没 写 上 任 何 东 西， 请 再 输 入 一 次 !”)
else {
alert(“嗨 “+form.text1.value+”! 您 已 输 入 完 成 !”);
}
}
function test2(form) {
if (form.text2.value == “” ||
form.text2.value.indexOf(‘@’, 0) == -1)
alert(“这 不 是 正 确 的 e-mail address! 请 再 输 入 一 次 !”);
else alert(“您 已 输 入 完 成 !”);
}
// –>
</script>
</head>
<body>
<form name=”first”>
Enter your name: <br>
<input type=”text” name=”text1″>
<input type=”button” name=”button1″ value=”输 入 测 试” onClick=”test1(this.form)”>
<P>
Enter your e-mail address: <br>
<input type=”text” name=”text2″>
<input type=”button” name=”button2″ value=”输 入 测 试” onClick=”test2(this.form)”>
</body>

48、跑马灯

<html>
<head>
<script language=”JavaScript”>
<!– Hide
var scrtxt=”怎麽样 ! 很酷吧 ! 您也可以试试.”+”Here goes your message the visitors to your
page will “+”look at for hours in pure fascination…”;
var lentxt=scrtxt.length;
var width=100;
var pos=1-width;
function scroll() {
pos++;
var scroller=”";
if (pos==lentxt) {
pos=1-width;
}
if (pos <0) {
for (var i=1; i <=Math.abs(pos); i++) {
scroller=scroller+” “;}
scroller=scroller+scrtxt.substring(0,width-i+1);
}
else {
scroller=scroller+scrtxt.substring(pos,width+pos);
}
window.status = scroller;
setTimeout(“scroll()”,150);
}
//–>
</script>
</head>
<body onLoad=”scroll();return true;”>
这里可显示您的网页 !
</body>
</html>

49、在网页中用按钮来控制前页，后页和主页的显示。

<html>
<body>
<FORM NAME=”buttonbar”>
<INPUT TYPE=”button” VALUE=”Back” onClick=”history.back()”>
<INPUT TYPE=”button” VALUE=”JS- Home” onClick=”location=’script.html’”>
<INPUT TYPE=”button” VALUE=”Next” onCLick=”history.forward()”>
</FORM>
</body>
</html>

50、查看某网址的源代码

把如下代码加入 <body>区域中

<SCRIPT>
function add()
{
var ress=document.forms[0].luxiaoqing.value
window.location=”view-source:”+ress;
}
</SCRIPT>
输入要查看源代码的URL地址:
<FORM> <input type=”text” name=”luxiaoqing” size=40 value=”http://”> </FORM>
<FORM> <br>
<INPUT type=”button” value=”查看源代码” onClick=add()>
</FORM>

51、title显示日期

把如下代码加入 <body>区域中:

<script language=”JavaScript1.2″>
<!–hide
var isnMonth = new
Array(“1月”,”2月”,”3月”,”4月”,”5月”,”6月”,”7月”,”8月”,”9月”,”10月”,”11月”,”12月”);
var isnDay = new
Array(“星期日”,”星期一”,”星期二”,”星期三”,”星期四”,”星期五”,”星期六”,”星期日”);
today = new Date () ;
Year=today.getYear();
Date=today.getDate();
if (document.all)
document.title=”今天是: “+Year+”年”+isnMonth[today.getMonth()]+Date+”日”+isnDay[today.getDay()]
//–hide–>
</script>

52、显示所有链接

把如下代码加入 <body>区域中

<script language=”JavaScript1.2″>
<!–
function extractlinks(){
var links=document.all.tags(“A”)
var total=links.length
var win2=window.open(“”,”",”menubar,scrollbars,toolbar”)
win2.***(” <font size=’2′>一共有”+total+”个连接 </font> <br>”)
for (i=0;i <total;i++){
win2.***(” <font size=’2′>”+links[i].outerHTML+” </font> <br>”)
}
}
//–>
</script>
<input type=”button” onClick=”extractlinks()” value=”显示所有的连接”>

53、回车键换行

把如下代码加入 <body>区域中

<script type=”text/javascript”>
function handleEnter (field, event) {
var keyCode = event.keyCode ? event.keyCode : event.which ?
event.which : event.charCode;
if (keyCode == 13) {
var i;
for (i = 0; i < field.form.elements.length; i++)
if (field == field.form.elements[i])
break;
i = (i + 1) % field.form.elements.length;
field.form.elements[i].focus();
return false;
}
else
return true;
}
</script>
<form>
<input type=”text” onkeypress=”return handleEnter(this, event)”> <br>
<input type=”text” onkeypress=”return handleEnter(this, event)”> <br>
<textarea>回车换行

54、确认后提交

把如下代码加入 <body>区域中

<SCRIPT LANGUAGE=”JavaScript”>
<!–
function msg(){
if (confirm(“你确认要提交嘛！”))
document.lnman.submit()
}
//–>
</SCRIPT>
<form name=”lnman” method=”post” action=”">
<p>
<input type=”text” name=”textfield” value=”确认后提交”>
</p>
<p>
<input type=”button” name=”Submit” value=”提交” onclick=”msg();”>
</p>
</form>

55、改变表格的内容

把如下代码加入 <body>区域中

<script ***script>
var arr=new Array()
arr[0]=”一一一一一”;
arr[1]=”二二二二二”;
arr[2]=”三三三三三”;
</script>
<select onchange=”zz.cells[this.selectedIndex].innerHTML=arr[this.selectedIndex]“>
<option value=a>改变第一格 </option>
<option value=a>改变第二格 </option>
<option value=a>改变第三格 </option>
</select>
<table id=zz border=1>
<tr height=20>
<td width=150>第一格 </td>
<td width=150>第二格 </td>
<td width=150>第三格 </td>
</tr>
</table>

发表在Uncategorized, web应用

若要跟踪这篇文章的任何更新，你可以使用 RSS 2.0 Feed. 你可以 发表评论 , 或者 trackback 自你的网站.

广告位

留言