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

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

第七章 使用对象

1.理解对象/属性和方法

<body bgcolor="green">
<script>
document.write("页面背景颜色是:"+document.bgColor)
document.write("页面前景颜色是:"+document.fgColor)
</script>

2.使用网页元素对象

<script>
</script>
<form name=form1>
<textarea name=ta1>dfgfdgfdhfdhdfdfgdf</textarea>
<input type=button value="选择文本" onclick=document.form1.ta1.select()>
<input type=button value="显示文本" onclick=document.write(document.form1.ta1.value)>
</form>

3.使用子对象

4.使用预定义对象

<script>
str1="dgdfgdfgdfhf固定法固定法功夫攻打法"
document.write(str1+"<br>")
str2=str1.substr(5)
document.write(str2+"<br>")
document.write("输出圆的面积:"+Math.PI*Math.pow(5.0,2))
</script>

5.创建新对象

<script>
today=new Date()
document.write("今天是"+(today.getMonth()+1)+"月"+today.getDate()+"日"+"<br>")
document.write("现在是:"+today.toLocaleString())
</script>

6.引用当前对象

<form name=form1>
<input type=text name=text1 value="dgdgdfgfd" onclick=this.select()>
</script>

7.查看对象属性

<script>
for(prop in window)
{document.write("window."+prop+"="+window[prop]+"<br>");}
for(prop2 in location)
{document.write("location."+prop2+"="+location[prop]+"<br>");}
</script>

8.使用Array对象

<script>
array=new Array(10)
array[0]="bark"
array[1]="apple"
array[2]="nebula"
array[3]="cookie"
array[4]="technology"
document.write("数组元素个数是"+array.Length+"<br>")
document.write("用 join将数组合并"+array.join(" ")+"<br>")
document.write(" 数组排序"+array.sort())
</script>

9.使用 image 对象

<img src=**.gif alt="图片提示…." border=10>
<script>
document.write("图片提示是:"+document.images[0].alt+"<br>")
document.write("图片边框大小是:"+document.images[0].broder)
</script>

10.预加载图像

<script>
freddy=new Image()
freddy.src=freddy.gif
</script>
<body onload=document.images[0].src=freddy.src>
,<img src="blank.gif">
</body>

11.改变图像

<img src=freddy.gif><br>
<form name=form1>
<input type=button name=button1 value="改变图像" onclickd=document.images[0].src=dudjp.gif>
</form>

12.使用link和anchor对象

<a name=anchor1>锚点1<br>
<a href=http://www.microsoft.com>Microsoft</a><br>
<a href=http://www.sohu.com>sohu</a><br>
<a href=http://www.sina.com.cn>sina</a><br>
<script>
document.write("本页面共有"+document.links.length+"链接"+"<br>")
document.write("本页面共有"+document.anchors.length+"锚点"+"<br>")
document.write("第一个链接协议是"+document.links[0].protocol+"<br>")
document.write("第一个链接路径是"+document.links[0].pathnamel+"<br>")
document.write("第一个链接href是"+document.links[0].hrefl+"<br>")
</script>

13.改变链接

<a href =http://www.microsoft.com>link</a>
<form name=form1>
<input type=button name=button1 value="改变链接" onclick=document.links[0].href='http://www.sohu.com'>
</form>

14.使用history对象

<form name=form1>
<input type=button name=button1 value="向后返回2页" onclick=window.history.go(-2)>
</form>

 

<form name=form1>
<input type=text name=text1 value=hello>
</form>
<script>
document.form1.text1.value="gdfgfd"
</script>

<form name=form1>
<input type=radio name=radio1>男
<input type=radio name=radio2>女
</script>
<script>
document.form1.radio1.checked=true
</script>


 

JavaScript高级程序设计学习笔记(1-4)

第一章一个完整的JavaScript应该由下列三个不同部分组成:- ECMAScript:规定了语法、类型、语句、关键字、保留字、操作符、对象 - DOM:针对XML但经过扩展用于HTML的应用程序编...
  • cheneychoi
  • cheneychoi
  • 2016年03月22日 16:45
  • 1341

第 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
  • 263

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

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

第 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
  • 326

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

6.使用重置按钮document.write("表单reset1的类型:"+document.form1.reset1.type+"")document.write("表单reset1的名称:"+do...
  • JerryOne
  • JerryOne
  • 2007年09月14日 11:57
  • 360

C++ Primer中文版(第4版)

http://book.csdn.net/bookfiles/17/ C++ Primer中文版(第4版)
  • dujun1682007
  • dujun1682007
  • 2007年02月10日 21:31
  • 655

Sedgewick之巨著《算法》,与高德纳TAOCP一脉相承

引言 在计算机领域,算法是一个永恒的主题。即使仅把算法入门方面的书都摆出来,国内国外的加起来怕是也能铺满整个天安门广场。但是在它们之中,仍然有那么几本是那么的与众不同,这本书就是其中之一。 ...
  • turingbooks
  • turingbooks
  • 2012年10月10日 13:27
  • 4188
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:第 4 页 事半功倍之Javascript [4]
举报原因:
原因补充:

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