|
#2
leeqihero2016-03-27 09:32
 程序代码：<html> <head> <META http-equiv=Content-Type content="charset=utf-8"> <script> function 运行() { var 字符串=document.getElementById("字符串").value; if(isNaN(字符串)) { alert("这不是一个数字,或者是无穷大的数字"); return; } else { var 数字=Number(字符串); document.getElementById("二进制按钮").onclick=function(){document.getElementById("二进制").value=数字.toString(2);} document.getElementById("八进制按钮").onclick=function(){document.getElementById("八进制").value=数字.toString(8);} document.getElementById("十六进制按钮").onclick=function(){document.getElementById("十六进制").value=数字.toString(16);} document.getElementById("小数按钮").onclick=function(){document.getElementById("小数").value=数字;} } if(Math.floor(数字)==数字) { document.getElementById("小数按钮").disabled=true; document.getElementById("二进制按钮").disabled=false; document.getElementById("八进制按钮").disabled=false; document.getElementById("十六进制按钮").disabled=false; } else { document.getElementById("小数按钮").disabled=false; document.getElementById("二进制按钮").disabled=true; document.getElementById("八进制按钮").disabled=true; document.getElementById("十六进制按钮").disabled=true; } } </script> </head> <body> 请输入数值<input type="text" id="字符串" size="40" onblur='document.getElementById("二进制").value="";document.getElementById("八进制").value="";document.getElementById("十六进制").value="";document.getElementById("小数").value="";运行();'><br /> <input type="button" id="二进制按钮" value="二进制"> <input type="text" id="二进制" size="40"><br /> <input type="button" id="八进制按钮" value="八进制"> <input type="text" id="八进制" size="40"><br /> <input type="button" id="十六进制按钮" value="十六进制"> <input type="text" id="十六进制" size="40"><br /> <input type="button" id="小数按钮" value="小数"> <input type="text" id="小数" size="40"> </body> </html> |
第五周前
第一题：运用数字型内置函数，在页面上输入一个字符串，验证输入的是不是非数字或者是无穷大的数字，如输入的是整数，则实现：单击“二进制”按钮，在其后的文本框中显示结果；单击“八进制”按钮，在其后的文本框中显示结果；单击“十六进制”按钮，在其后的文本框中显示结果。如果输入的是小数，则将其转换成数字形式。
操作步骤如下：
（1）在页面中添加用于输入一个字符串的表单及表单元素。具体代码如下：
<form name="form1" method="post" action="">
请输入数值：<input name="num" type="text" id=" num " size="40"><br><br>
<input name="Button" type="button" class="btn_grey" value="二进制">
<input name="num2" type="text" id="num2" size="40"><br><br>
<input name="Button" type="button" class="btn_grey" value="八进制">
<input name="num8" type="text" id="num8" size="40"><br><br>
<input name="Button" type="button" class="btn_grey" value="十六进制">
<input name="num16" type="text" id="num16" size="40"><br><br>
<input name="Button" type="button" class="btn_grey" value="小数">
<input name="num_float" type="text" id="num_float" size="40"><br><br>
</form>
（2）编写一个自定义的JavaScript函数getNum(str,radix)，获取相应进的数值，getNum(str,radix)函数的具体代码如下：
<script language="javascript">
function getNum(str,radix){//参数str是获取的字符串的值，radix为进制，如字符串是小数，则为0
//TODO (写你的代码)
}
</script>
第二题：定义一个JavaScript函数calculator()，用于实现简单的计算器。在输入算式之后，单击计算，在该文本框中显示计算结果。
操作步骤如下：
（1）在页面中添加用于输入要计算的算式的表单及表单元素。具体代码如下：
<form name="form1" method="post" action="">
输入要计算的算式：<input name="formula" type="text" id=" formula " size="40">
<input name="button" type="button" value="计算结果" onclick="calculator();">
<input name="result" type="text" id="result" size="40" >
</form>
（2）编写自定义的JavaScript函数calculator()，用于实现计算器的功能，函数的具体代码如下：(计算器里要考虑异常处理，还要考虑如何把结果放在文本框中(赋值))
<script language="javascript">
function calculator(){
//TODO (写你的代码)
}
</script>
第三题：在文本框中输入一行字符串，然后分别运用三种编码和解码函数进行编码解码，并显示效果。
操作步骤如下：
（1）在页面中添加用于输入一个字符串的表单及表单元素。具体代码如下：
<form name="form1" method="post" action="">
请输入字符串：<input name="text" type="text" id="text" size="140"><br><br>
请选择编码解码类型：<select name="sel" id="select">
<option value="escape" id="escape">escape</option>
<option value="unescape" id="unescape">unescape</option>
<option value="encodeURI">encodeURI</option>
<option value="decodeURI">decodeURI</option>
<option value="encodeURIComponent">encodeURIComponent</option>
<option value="decodeURIComponent">decodeURIComponent</option>
</select>
<br><br>
<input type='button' value='结果为' />：<input name="text" type="result" id="result" size="140">
</form>
（2）编写相应的JavaScript脚本代码，具体代码如下：
<title>js的编码解码函数</title>
<script type="text/javascript">
function getResult(){
}
</script>
[/color]
效果如下图所示：