事半功倍之Javascript(4)

第十一章 使用Math对象

1. 使用Math对象

<script language=javascript>
</script>
<form name=form1>
圆的半径:<input type=text name=rad><br>
圆的面积:<input type=text name=area><br>
<input type=button name=button1 value=计算圆的面积 onclick=document.form1.area.value=document.form1.rad.value*document.
form1.rad.value*Math.PI>
</form>

2.生成随机数

<script>
array1=new Array(
"这是第1句",
"这是第2句",
"这是第3句",
"这是第4句",
"这是第5句",
"这是第6句")
RandomNo=Math.floor(array1.length*Math.random())
document.write("随机输出某一句" "<br>" array1[RandomNo])
</script>

3.使用平方根

<form name=form1>
value:<input type=text name=va1><br>
平方根<input type=text name=sqrt><br>
<input type=button name=button1 value=计算平方根
onclick="document.form1.sqrt.value=Math.sqrt(document.form1.va1.value)">
</form>

4.数字的舍入

<form name=form1>
输入<input type=text name=val><br>
舍入的结果<input type=text name=round><br>
<input type=button name=button1 value=计算结果 onclick=document.form1.round.value=Math.round(document.form1.val.value)>
</form>

5.乘方运算

<form name=form1>
底数<input type=text name=val><br>
指数<input type=text name=power><br>
幂<input type=text name=result><br>
<input type=button name=button1 value=计算结果 onclick="document.form1.result.value=Math.pow (document.form1.val.value,document.form1.power.value)">
</form>

6.发现最小值和最大值

<form name=form1>
数字1<input type=text name=val1><br>
数字2<input type=text name=val2><br>
最小值<input type=text name=min><br>
最大值<input type=text name=max><br>
数字1<input type=button value=计算 onclick="document.form1.min.value=Math.min (document.form1.val1.value,document.form1.val2.value);document.form1.
max.value= Math.max(document.form1.val1.value,document.form1.val2.value)">
</form>

第十二章 使用表单

1.使用文本框

<form name=form1>
<input type=text value="information ,please"name=text1>
</form>
<script>
document.write("表单text1类型是: " document.form1.text1.type "<br>")
document.write("表单text1名称是: " document.form1.text1.name "<br>")
document.write("表单text1值是: " document.form1.text1.value "<br>")
document.write("表单text1大小是: " document.form1.text1.size "<br>")
</script>

<form name=form1>
<input type=text name=text1 value=click here
onfocus=document.form1.text1.select()>
</form>

2.使用密码框

<form name=form1>
<input type=password name=pw1 value=daylight>
</form>
<script>
document.write("表单pw1的类型:" document.form1.pw1.type "<br>")
document.write("表单pw1的名称:" document.form1.pw1.name "<br>")
document.write("表单pw1的值:" document.form1.pw1.value "<br>")
document.write("表单pw1的大小:" document.form1.pw1.size "<br>")
</script>

3.使用隐藏字段

<form name=form1>
<input type=hidden name=hid1 value=piece of eight>
</form>
<script>
document.write("表单hid1的类型:" document.form1.hid1.type "<br>")
document.write("表单hid1的名称:" document.form1.hid1.name "<br>")
document.write("表单hid1的值:" document.form1.hid1.value "<br>")
</script>

4.使用文本区域框

<form name=form1>
<textarea name=ta1>how many grains of sand are there in the sahara desert?</textarea>
</form>
<script>
document.write("表单ta1的类型:" document.form1.ta1.type "<br>")
document.write("表单ta1的名称:" document.form1.ta1.name "<br>")
document.write("表单ta1的值:" document.form1.ta1.value "<br>")
document.write("表单ta1的横向宽度:" document.form1.ta1.cols "<br>")
document.write("表单ta1的纵向宽度:" document.form1.rows.value "<br>")
</script>

<form name=form1>
<textarea name=ta1 rows=4 onfocus="document.form1.ta1.select()"> how many grains of sand are there in the sahara desert?</textarea>
</form>

5.使用按钮

<form name=form1>
<input type=button name=button1 value=标准按钮>
</form>
<script>
document.write("表单button1的类型:" document.form1.button1.type "<br>")
document.write("表单button1的名称:" document.form1.button1.name "<br>")

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有