导航:首页 > 万维百科 > 用JS设计一个网页版的计算机

用JS设计一个网页版的计算机

发布时间:2020-09-19 11:59:25

1、在HTML里用JS做个简易计算机

<HTML>
<style type="text/css">
<!--
.tdp {
padding: 1px 1px 1px 1px;
text-align: center;
}

.btn {
width: 100%;
text-align: center;
font-weight: bold;
}
-->
</style>
<script language="javascript">
var opData1 = 0; // 第一个数
var opData2 = 0; // 第二个数
var opDataString = "0"; // 每按一个数, 就保存在这里
var flag = false; // 存: false, 保存在opData1; true, 保存在opData2;
var opCode = "+"; // 操作(+ - * /)
var dResult = 0; // 结果

// 设置操作数
function setData(){
try{
var op = parseFloat(opDataString);
if( flag == false ){
opData1 = op;
}
else{
opData2 = op;
}
}catch(ex) { OnError(ex.description); }
};

// 设置操作
function setOpCode( op ){
try{
opCode = op;

setData();

flag = true;
opDataString = "0";
}catch(ex){ OnError(ex.description); }
};

// 点击数字
function numClick( n ){
try{
if( flag == true )
opDataString = "0";

opDataString += n;
while( opDataString.substr(0, 1) == "0" ){
opDataString = opDataString.substr(1);
};
if( opDataString == "" )
opDataString = "0";

view.value = opDataString;
}catch(ex){ OnError(ex.description); }
};

// 清空
function reset(){
opData1 = 0;
opData2 = 0;
opDataString = "0";
opCode = "+";
dResult = 0;
flag = false;

view.value = "0";
}

// 计算!
function calcResult(){
try{
if( opCode == "" || !(opCode == "+" || opCode == "-" || opCode == "*" || opCode == "/") )
throw "没有指定操作(+ - * /)";

setData();
//alert( opData1 + ", " + opData2 );
switch( opCode ){
case "+":
dResult = opData1 + opData2;
break;
case "-":
dResult = opData1 - opData2;
break;
case "*":
dResult = opData1 * opData2;
break;
case "/":
if( opData2 == 0 )
throw "被除数为0";

dResult = opData1 / opData2;
break;
};

flag = false;
view.value = dResult;
}catch(ex) { OnError(ex.description); }
};

2、怎么用JS实现电脑上打开网址,自动跳转到另一个页面?


script type="text/javascript">  

/* 

* 智能机浏览器版本信息: 

*/  

var browser={  

versions:function(){  

var u = navigator.userAgent, app = navigator.appVersion;  

return {//移动终端浏览器版本信息  

trident: u.indexOf('Trident') > -1, //IE内核  

presto: u.indexOf('Presto') > -1, //opera内核  

webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核  

gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核  

mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/), //是否为移动终端  

ios: !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端  

android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器  

iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器  

iPad: u.indexOf('iPad') > -1, //是否iPad  

webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部  

};  

}(),  

language:(navigator.browserLanguage || navigator.language).toLowerCase()  

}  

document.writeln("语言版本: "+browser.language);  

document.writeln(" 是否为移动终端: "+browser.versions.mobile);  

document.writeln(" ios终端: "+browser.versions.ios);  

document.writeln(" android终端: "+browser.versions.android);  

document.writeln(" 是否为iPhone: "+browser.versions.iPhone);  

document.writeln(" 是否iPad: "+browser.versions.iPad);  

document.writeln(navigator.userAgent);  

</script>  

3、用js做一个简便计算机

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>计算器</title>
</head>
<script language="javascript">
function test(){
var num1 = parseInt(document.getElementById("num1").value);
var num2 = parseFloat(document.getElementById("num2").value);
document.write("相加:"+(num1+num2));
document.write("相减:"+(num1-num2));
document.write("相乘:"+(num1*num2));
document.write("相除:"+(num1/num2));
}
</script>
<body>
<input type="test" id="num1" value/>
<input type="test" id="num2" value/>
<script>

</script>
<input type="button" value="+" onclick="test()"/>
<input type="button" value="-" onclick="test()"/>
<input type="button" value="*" onclick="test()"/>
<input type="button" value="/" onclick="test()"/>

</body>
</html>

4、求帮忙:利用Javascript设计一个简易的计算机!

这里一个简单的计算器实现功能,是通过JS来实现的,你只将代码放入HTML中运行即可看到效果
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<!-- Created by TopStyle Pro Trial Version - www.bradsoft.com -->
<title></title>
<style type="text/css">
table{
border: solid;
background-color: #999999;
}
</style>
</head>

<body>
<form name="Keypad" id="Keypad" action="#" method="post">
<table>
<tr>
<td colspan="3" align="ceter">
<input type="text" name="ReadOut" id="ReadOut" size="26" value="0" width="100%" />
</td>
<td><input type="button" name="btnClear" value=" C " onclick="Clear()"></td>
<td><input type="button" name="btnClearEnter" value=" CE " onclick="ClearEntry()"></td>
</tr>
<tr>
<td><input type="button" name="btnSeven" value=" 7 " onclick="NumPressed(7)"></td>
<td><input type="button" name="btnEight" value=" 8 " onclick="NumPressed(8)"></td>
<td><input type="button" name="btnNine" value=" 9 " onclick="NumPressed(9)"></td>
<td><input type="button" name="btnNeg" value=" +/- " onclick="Neg()"></td>
<td><input type="button" name="btnPercent" value=" % " onclick="Percent()"></td>
</tr>
<tr>
<td><input type="button" name="btnFour" value=" 4 " onclick="NumPressed(4)"></td>
<td><input type="button" name="btnFive" value=" 5 " onclick="NumPressed(5)"></td>
<td><input type="button" name="btnSix" value=" 6 " onclick="NumPressed(6)"></td>
<td><input type="button" name="btnPlus" value=" + " onclick="Operation('+')"></td>
<td><input type="button" name="btnMinus" value=" - " onclick="Operation('-')"></td>
</tr>
<tr>
<td><input type="button" name="btnOne" value=" 1 " onclick="NumPressed(1)"></td>
<td><input type="button" name="btnTow" value=" 2 " onclick="NumPressed(2)"></td>
<td><input type="button" name="btnThree" value=" 3 " onclick="NumPressed(3)"></td>
<td><input type="button" name="btnMultiply" value=" * " onclick="Operation('*')"></td>
<td><input type="button" name="btnDivide" value=" / " onclick="Operation('/')"></td>
</tr>
<tr>
<td><input type="button" name="btNzero" value=" 0 " onclick="NumPressed(0)"></td>
<td><input type="button" name="btnDecimal" value=" . " onclick="Decimal()"></td>
<td colspan="2"></td>
<td><input type="button" name="btnEquals" value=" = " onclick="Operation('=')"></td>
</tr>
<script language=JavaScript>
var FKeyPad = document.Keypad;
var Accum = 0;
var FlagNewNum = false;
var PendingOp = "";
function NumPressed (Num) {
if (FlagNewNum) {
FKeyPad.ReadOut.value = Num;
FlagNewNum = false;
}
else {
if (FKeyPad.ReadOut.value == "0")
FKeyPad.ReadOut.value = Num;
else
FKeyPad.ReadOut.value += Num;
}
}
function Operation (Op) {
var Readout = FKeyPad.ReadOut.value;
if (FlagNewNum && PendingOp != "=");
else
{
FlagNewNum = true;
if ( '+' == PendingOp )
Accum += parseFloat(Readout);
else if ( '-' == PendingOp )
Accum -= parseFloat(Readout);
else if ( '/' == PendingOp )
Accum /= parseFloat(Readout);
else if ( '*' == PendingOp )
Accum *= parseFloat(Readout);
else
Accum = parseFloat(Readout);
FKeyPad.ReadOut.value = Accum;
PendingOp = Op;
}
}
function Decimal () {
var curReadOut = FKeyPad.ReadOut.value;
if (FlagNewNum) {
curReadOut = "0.";
FlagNewNum = false;
}
else
{
if (curReadOut.indexOf(".") == -1)
curReadOut += ".";
}
FKeyPad.ReadOut.value = curReadOut;
}
function ClearEntry () {
FKeyPad.ReadOut.value = "0";
FlagNewNum = true;
}
function Clear () {
Accum = 0;
PendingOp = "";
ClearEntry();
}
function Neg () {
FKeyPad.ReadOut.value = parseFloat(FKeyPad.ReadOut.value) * -1;
}
function Percent () {
FKeyPad.ReadOut.value = (parseFloat(FKeyPad.ReadOut.value) / 100) * parseFloat(Accum);
}
function hexchange()
{
var hex,dec;
dec = parseFloat(FKeyPad.ReadOut.value);
hex = dec.toString(16);
window.alert("该十进制数转成十六进制数为:"+ hex);
}
function octchange()
{
var oct,dec;
dec = parseFloat(FKeyPad.ReadOut.value);
oct = dec.toString(8);
window.alert("该十进制数转成八进制数为:"+ oct);
}
function binchange()
{
var bin,dec;
dec = parseFloat(FKeyPad.ReadOut.value);
bin = dec.toString(2);
window.alert("该十进制数转成二进制数为:"+ bin);
}
</script>
</table>
</form>
</body>
</html>

5、计算机大作业!!利用HTML,JavaScript技术制作一个WEB系统框架。150分悬赏!明早急用。

希望对你有用,已发送。
我的空间http://hi.baidu.com/mrsocket/home

6、求一个简单javascript网页代码 用于在电脑中创建一个文件

var fso = new ActiveXObject("Scripting.FileSystemObject");
fso.CreateTextFile("c:\\test.txt", true);

7、如何用js做计算机?

是做一个计算器吧。首先放一堆button上去,绑定onclick事件,定义全局变量来接收每一个点击获取到的值,最后放一个input框显示输出的值。这是最简单的一个实现方法,如果看不懂的话可以再问,给你写一下。代码自己写的好,看别人不如自己写。

8、你好,我有一个毕业设计也想通过网页来调用电脑的串口助手,但是我能力有限只会一些HTML+CSS+javaScript;

这个只能用active控件来实现了吧..浏览器是不允许页面直接访问本地资源的,否则就没有安全性可言了,active也是一个坑,只能在IE内核上用,

9、急求简单的html网页,交作业用。只学习了计算机网络技术教材,求简单点,HTML和javascript语言就好了。

我有大二时做的dreamweaver的网页作业。有20份作业的源文件。任你挑选。
邮箱我就不单独发了,为了方便大家下载参考。
我把网页作业源文件打包上传到我的百度网盘。可以直接下载,不需要注册,也不需要积分。
网盘的下载地址,公布于本人的百度空间的文章中。
找不到或者有什么问题的可以私信我

10、请问在大专里面学网页设计(或者Javascript)类似的计算机专业的名称叫什么?

计算机相关专业:
计算数学及其应用软件 电子与信息技术 信息与多媒体技术 现代信息技术教育 数据库应用与信息管理 微电子控制技术 机电设备及微机应用 计算机辅助设计 多媒体与网络技术 广告电脑制作 电脑图文处理与制版 计算机制图 通信技术 计算机网络技术 电器与电脑 企业信息计算机管理 电子工程 计算机软件 电子技术与微机应用 经济信息管理与计算机应用 计算机网络与软件应用 计算机及应用 应用电子技术 信息管理与信息系统 网络技术与信息处理 软件工程 微电子技术 计算机辅助设计与制造

简单的网页技术在 信息与多媒体技术 多媒体与网络技术 广告电脑制作 电脑图文处理与制版 计算机制图 计算机网络技术 企业信息计算机管理 计算机软件 计算机网络与软件应用 计算机及应用 网络技术与信息处理 软件工程几乎都有涉及,我自己学的是软件工程,网页设计只能算是专业里的一部分内容,不能算是专业,你如果是是对纯html静态网页感兴趣,喜欢为网页设计板块和作图,参加一些专业的美工培训就可以了,如果你要是想做有技术性的网站,软件你可以选以上的相关的计算机专业,个人觉得软件工程是比较好的选择,又能涉及静态网页技术又有动态网页技术语言相关知识的学习,什么java,c++,c#都会涉及一点,希望对你有用

与用JS设计一个网页版的计算机相关的知识