学习javascript杂记

来源：互联网发布：linux如何复制目录编辑：程序博客网时间：2024/05/16 01:26

1.从左边选项选择到右边，左边不变，右边如果存在则不操作

<%@ page language="java" import="java.util.*" pageEncoding="BIG5"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <base href="<%=basePath%>"> <title>My JSP 'index.jsp' starting page</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><mce:script type="text/javascript"></mce:script> </head> <body> <form name=form1> <select name=select1 size=10> <option>可選擇項目 <option>--------------- <option value=香蕉>香蕉 <option value=芭樂>芭樂 <option value=蘋果>蘋果 <option value=梨子>梨子 </select> <input type=button value="--->" onClick=createOptions()> <select name=select2 id="select2" size=10> <option>選擇項目<option>--------------- </select> </form> </body></html>

2.从左边选项选择到右边，左边删除此选项。

<%@ page language="java" import="java.util.*" pageEncoding="BIG5"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <base href="<%=basePath%>"> <title>My JSP 'index.jsp' starting page</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><mce:script type="text/javascript"></mce:script> </head> <body> <form name=form1> <select name=select1 size=10> <option>可選擇項目 <option>--------------- <option value=香蕉>香蕉 <option value=芭樂>芭樂 <option value=蘋果>蘋果 <option value=梨子>梨子 </select> <input type=button value="--->" onClick=createOptions()> <select name=select2 id="select2" size=10> <option>選擇項目<option>--------------- </select> </form> </body></html>

3.--------

4.屏幕滚动---

<Script>function scrollIt() {for (y=1; y<=1000; y++){scroll(1,y)}}</Script><body onDblClick=scrollIt()>按鼠标左键兩下，画面自动卷动....<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>... The End ....<body>

5. 窗口对象范例 - 打开与开关窗口（very useful）

6.窗口对象范例--timer

第一段程序<mce:script type="text/javascript"></mce:script><body><form><input type=button value="计时开始" onClick=timer()></form></body>第二段程序<mce:script type="text/javascript"></mce:script><body><form><input type=button value="计时结束" onClick=clearTimeout(timer1)></form></body>

7.窗口对象范例--history

8.窗口对象范例--location

<Script>with (document) { write("<a href="javascript:location.reload()" mce_href="javascript:location.reload()">重新载入此页</a><p>") write("<a href =javascript:location.replace('http://www.seed.net.tw')> 前往SeedNet方法一</a><p>") write("前往SeedNet方法二<p>".link('http://www.seed.net.tw')) write("<a href="http://www.seed.net.tw" mce_href="http://www.seed.net.tw">前往SeedNet方法三</a><p>")}</Script><body><a href="http://www.seed.net.tw" mce_href="http://www.seed.net.tw">前往SeedNet方法四</a><a href="#" mce_href="#" onMouseOver=location.replace('http://www.seed.net.tw')>前往SeedNet方法五</a><p><a href="#" mce_href="#" onMouseOver=location.href='http://www.seed.net.tw'>前往SeedNet方法六</a><p><a href="#" mce_href="#" onMouseOver=window.location='http://www.seed.net.tw'>前往SeedNet方法七</a></body>

9文档对象范例--最后更新时间

<Script>document.write("◎本页最后更新日期： ")document.write(document.lastModified)</Script>

10.表单对象---password

<Script>function checkPwLgh(index,str){if (str.length != 9){alert('你只输入'+str.length+'位数/n请输入9位数密码')document.form1.elements[index].value = ''document.form1.elements[index].focus()}}function checkRetype(){if (document.form1.pw.value != document.form1.retypePw.value){alert ("兩組密码不符，请重新输入")document.form1.retypePw.value = ''document.form1.retypePw.focus()}else alert ("密码检查作業完成!")}</Script> <form name=form1>输入密码：<input type=password name=pw size=9 maxlength=9 onChange=checkPwLgh(0,this.value)><BR>重新输入：<input type=password name=retypePw size=9 maxlength=9onChange=checkPwLgh(1,this.value)><BR><input type=button value=密码检查 onClick=checkRetype()></form>

11.表单对象范例---select

<Script>url = new Array(2)url[0] = "http://www.seed.net.tw"url[1] = "http://www.hinet.net"function jumpPage(form) {i = form.menu.selectedIndex;if (i>0)window.location.href = url[i-1]}</Script><Form><Select name=menu onChange="jumpPage(this.form)"><option>--选择ISP--<option>Seednet<option>Hinet</Select></Form>

12.提交验证---submit

<Script> function isReady() { if (document.form1.text1.value.length == 9) return true else alert("請輸入9位數密碼"); return false } </Script> <Form name=form1 onSubmit="return isReady()"> <input type=text name=text1> <input type=submit> </form>