站内搜索: 请输入搜索关键词

当前页面: 开发资料首页Javascript 专题事半功倍之Javascript(2)

事半功倍之Javascript(2)

摘要: 事半功倍之Javascript(2)
<tr> <td>

第五章 使用函数

1.声明函数

<script>
function quote()
{ document.write("输出语句")
}
</script>

2.调用函数

<script>
function quote()
{ document.write("输出语句")
}
quote()
</script>

3.了解全局变量和局部变量

任何不用 var关键字声明的变量都是全局变量,任何在函数外声明的变量都是全局变量

4.将参数传送给函数

<script>
function f(item)
{document.write("输出参数"+item+"
")
}
f("fgdfgd")
f("参数二")
</script>

5.从函数返回值

<script>
function average(var1,var2,var3)
{ave=(var1+var2+var3)/3;
document.write("输出结果");
return ave;
}
document.write(average(34,56,78))
</script>

6.通过HTML链接调用函数

<script>
function quote(){
document.write(" 输出字符串")
}
</script>
通过HTML链接调用函数
通过HTML链接调用函数,直接写javascript语句

第六章 处理事件

1.检查鼠标单击

<form name=form1>
<input type=button name=button1 value=hello onclick=document.form1.button1.value='there'>
</form>

2.检测双击

<form name=form1>
<input type=button name=button1 value=hello onclick=document.form1.button1.value='你单击了按钮' ondblclick=document.form1.button1.value='你双击了该按钮'>
</form>

3.创建悬停按钮

4.检测按键

<form name=form1>
<input type=text name=text1 value=hello onkeypress="if(window.event.keyCode=='100') document.form1.text1.value='你按了d键'">
</form>

5.设置焦点

<form name=form1>
<input type=text name=text1 value=helloonblur=document.form1.text1.value='该文本框失去焦点'>
</form>

6.检测下拉菜单选择

<form name=form1>
<select name=select1 size=4
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="武汉">武汉</option>
<option value="天津">天津</option>
<option value="大连">大连</option>
</select>
<input tppe=text name=text1 value=hello>
</form>

7.创建网页加载和卸载信息

<body onload=document.form1.text1.value='页面加载完毕' onunload=alert('再见,欢迎再来')>
<form name=form1>
<input type=text name=text1 value="页面正在加载 ……">
</form>

第七章 使用对象

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.使用子对象

<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>

4.使用预定义对象

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

5.创建新对象

<script>
today=new Date()
document.write("今天是"+(today.getMonth()+1)+"月"+today.getDate()+"日"+"
")
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]+"
");}
for(prop2 in location)
{document.write("location."+prop2+"="+location[prop]+"
");}
</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+"
")
document.write("用 join将数组合并"+array.join(" ")+"
")
document.write(" 数组排序"+array.sort())
</script>

9.使用 image 对象


<script>
document.write("图片提示是:"+document.images[0].alt+"
")
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>
,
</body>

11.改变图像



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

12.使用link和anchor对象

锚点1

Microsoft

sohu

sina

<script>
document.write("本页面共有"+document.links.length+"链接"+"
")
document.write("本页面共有"+document.anchors.length+"锚点"+"
")
document.write("第一个链接协议是"+document.links[0].protocol+"
")
document.write("第一个链接路径是"+document.links[0].pathnamel+"
")
document.write("第一个链接href是"+document.links[0].hrefl+"
")
</script>

13.改变链接

link
<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>

</td> </tr> </table>
↑返回目录
前一篇: 事半功倍之Javascript(3)
后一篇: 事半功倍之Javascript (1)