第 8 页 事半功倍之Javascript [8]

转载 2007年09月14日 11:57:00

6.使用重置按钮

<form name=form1>
<input type=reset name=reset1 value="rest form">
</form>
<script>
document.write("表单reset1的类型:"+document.form1.reset1.type+"<br>")
document.write("表单reset1的名称:"+document.form1.reset1.name+"<br>")
document.write("表单reset1的值:"+document.form1.reset1.value+"<br>")
</script>

7.使用提交按钮

<form name=form1>
<input type=submit name=submit1 value="submit form">
</form>
<script>
document.write("表单submit1的类型:"+document.form1.submit1.type+"<br>")
document.write("表单submit1的名称:"+document.form1.submit1.name+"<br>")
document.write("表单submit1的值:"+document.form1.submit1.value+"<br>")
</script>

8.使用复选按钮

<form name=form1>
<input type=checkbox name=cb1 >computer savvy?
</form>
<script>
document.write("表单cb1的类型:"+document.form1.cb1.type+"<br>")
document.write("表单cb1是否被选择?:"+document.form1.cb1.checked+"<br>")
document.write("表单cb1的名称:"+document.form1.cb1.name+"<br>")
</script>

9.使用单选按钮

<form name=form1>
<input type=radio name=radio1>male
<input type=radio name=radio1>female
</form>
<script>
document.write("第一个按钮被选择"+document.form1.radio1[0].checked+"<br>")
document.write("第二个按钮被选择"+document.form1.radio1[1].checked+"<br>")
document.write("按钮的名称"+ document.form1.radio1[0].name+"<br>")
document.write("按钮的个数"+document.form1.radio1.length)
</script>

10.使用选择列表

<form name=form1>
<select name=select1 size=4>
<option name=option1 value=lon>london,England</option>
<option name=option2 value=dub>Dublin,Ireland</option>
</select>
</form>
<script>
document.write("这个选择列表的名称"+document.form1.select1.name+"<br>")
document.write("这个选择列表的长度"+document.form1.select1.length+"<br>")
document.write("这个选择列表当前被选择的索引号"+document.form1.select1.selectedIndex+"<br>")
document.write("这个选择列表的尺寸"+document.form1.select1.size+"<br>")
</script>

11.验证表单的有效性

<script>
function validate(){
if(document.form1.text1.value!='1'||'2'||'3'||'4'){
alert("请输入1~4的整数")
}
}
</script>
<form name=form1>
请输入1~4的整数:
<input type=text name=text1 size=4 onchange=validate()>
</form>

12.控制表单焦点

<form name=form1>
<input type=text name=text1 value=where is you focus?><br>
<input type=text name=text2 value=is there?><br>
<input type=text name=text3 value=or maybe here?><br>
<input type=button name=button1 value="text box #1" onclick=document.form1.text1.focus()><br>
<input type=button name=button2 value="text box #2" onclick=document.form1.text2.focus()><br>
<input type=button name=button3 value="text box #3" onclick=document.form1.text3.focus()><br>
</form>

第十三章 使用分栏

第十四章 使用navigator

1.使用navigator对象

<script>
document.write("navigator对象的属性"+"<br>")
document.write("appcodename:"+navigator.appCodeName+"<br>")
document.write("appname::"+navigator.appName+"<br>")
document.write("appversion:"+navigator.appVersion+"<br>")
document.write("platform:"+navigator.platform+"<br>")
document.write("userAgent:"+navigator.userAgent+"<br>")
</script>
<script>
document.write("navigator对象的方法"+"<br>")
document.write("javaEnabled():"+navigator.javaEnabled())
</script>

2.检查用户的浏览器

<script>
if(navigator.appName.indexOf("Microsoft")!=-1){
document.write("用户浏览器是微软的IE浏览器"+"<br>")}
else if(navigator.appName.indexOf("Netscape")!=-1){
document.write("用户浏览器是netscape的netscape浏览器"+"<br>")}
if(navigator.appVersion.indexOf("4.0")!=-1){
document.write("you are using a version 4.0compatible browser")
}
else{
document.write("this browser is not 4.0 compliant")}
</script>

3.检测用户的操作系统

<script>
if (navigator.platform.indexOf("win32")!=-1){
document.write("you are using a computer running windows 95 or highter")}
else{
document.write("this computer is not running windows 95 or higher")}
</script>

4.使用location对象

<script>
document.write("location对象的属性"+"<br>")
document.write("hash"+location.hash+"<br>")
document.write("hostname"+location.hostname+"<br>")
document.write("host"+location.host+"<br>")
document.write("href"+location.href+"<br>")
document.write("port"+location.port+"<br>")
document.write("search"+location.search+"<br>")
</script>

重新加载网页
<form name=form1>
<input type=button name=button1 value=重新加载本页 onclick=location.reload>
</form>

 

5.使用cookie

<script>
finction makecookie(){
if(!document.cookie){
name=prompt("请输入你的姓名");
document.cookie="name="+name+";";}
}
</script>

<body onload=makecookie()>
<script>
function makecookie(){
if(!document.cookie){
name=prompt("请输入你的姓名")
document.cookie="name="+name+";";
namestart=document.cookie.indexOf("=");
nameend=document.cookieindexOf(";");
document.writeln("your name is:"+document.cookie.substring(namestart+1,nameend)+",br>")
}
}
</script>

 

第 3 页 事半功倍之Javascript [3]

第五章 使用函数1.声明函数function quote(){ document.write("输出语句")}2.调用函数function quote(){ document.write("输出语句"...
  • JerryOne
  • JerryOne
  • 2007年09月14日 11:33
  • 373

第 7 页 事半功倍之Javascript [7]

第十一章 使用Math对象1. 使用Math对象圆的半径:圆的面积:form1.rad.value*Math.PI>2.生成随机数array1=new Array("这是第1句","这是第2句","这...
  • JerryOne
  • JerryOne
  • 2007年09月14日 11:56
  • 320

第 1 页 事半功倍之Javascript [1]

清华大学出版的《事半功倍系列 javascript》,本人照着书敲出来的,有些翻译了一下.前几年看了一下,最近无事,重新翻了翻,很有帮助.本书应该有光盘的,但学校的书,光盘不知在哪.希望对你学 jav...
  • JerryOne
  • JerryOne
  • 2007年09月14日 11:31
  • 267

第 6 页 事半功倍之Javascript [6]

第九章 使用字符串1.使用字符串对象mystring="gdgdfgfddddaaaaaaaaaaaabbbbbbbbbbbbbbbbbvbhg."document.write(mystring)do...
  • JerryOne
  • JerryOne
  • 2007年09月14日 11:55
  • 452

第 4 页 事半功倍之Javascript [4]

第七章 使用对象1.理解对象/属性和方法document.write("页面背景颜色是:"+document.bgColor)document.write("页面前景颜色是:"+document.fg...
  • JerryOne
  • JerryOne
  • 2007年09月14日 11:34
  • 370

第 2 页 事半功倍之Javascript [2]

第三章 创建表达式1.使用算术运算符var1=12var2=10varadd=var1+var2varsub=var1-var2varmult=var1*var2vardiv=var1/var2var...
  • JerryOne
  • JerryOne
  • 2007年09月14日 11:32
  • 390

第 5 页 事半功倍之Javascript [5]

第八章 使用窗口1.在浏览器的状态栏上显示文本sohu2.改变背景色document.bgColor="orange"3.列举背景颜色document.write("当前背景色是:"+document...
  • JerryOne
  • JerryOne
  • 2007年09月14日 11:36
  • 327

JavaScript_DOM编程艺术第二版学习笔记-第8章

上一章节学会利用DOM方法和属性来动态创建标记,这一章节,我们将继续在实践中利用这些技术。 8.1 不应该做什么理论上,我们可以用JS把一些重要的内容添加到网页上。事实上这是一个坏主意,因为这样一来J...
  • sofia92
  • sofia92
  • 2015年12月18日 09:40
  • 589

CE第八步的详细讲解(配图),已完全通关

CE第八步的详细讲解(配图) 已经学到第八步的人已经都知道如何查一个value的address了,所以查address的那一步省略,直接查出了第一个pointer 大家可以看到这里的指令是 move[...
  • tavor
  • tavor
  • 2008年10月20日 22:48
  • 4306

动态规划求解最大子段和

子段:连续 动态规划:  问题规模定义为opm_fromj 注意opm_fromj可以小于opm_fromj-1,这是因为opm_fromj固定的是j,从j往前数若干个元素的最大值,因此opm_fro...
  • sinapme
  • sinapme
  • 2013年12月04日 11:00
  • 510
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:第 8 页 事半功倍之Javascript [8]
举报原因:
原因补充:

(最多只允许输入30个字)