html中怎么做一些简单的算数运算啊_随笔

HTML是无法实现简单的算术运算的。原因如下：

1、HTML是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。

2、可以使用JavaScript技术实现网页中简单的算术运算，如：

var a=1 var b=2

document.write(a+b)//结果会在网页中输出3

补充知识：

1、超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，

超文本标记语言 (15张)

它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果

2、JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

<html>

<head>

</head>

<B>

<TR>

<TD colspan=3 align=middle><input name="ReadOut" type="Text" onkeypress="CheckOut()" size=24 value="0"

width=100%></TD>

</TR>

<TR>

</TR>

<TR>

</TR>

<TR>

</TR>

<TR>

</TR>

</TABLE>

</B>

</FORM>

</CENTER>

<!-- Begin

var FKeyPad = document.forms['Keypad']

var Accum = "0"

var FlagNewNum = false

var PendingOp = ""

//===============================================================================

//[描述] 浮点数精确计算

//[参数] str1 - 第一个数

// str2 - 第二个数

// type - 运算符

// precision - 小数位精度

//[调用方式] longCount(str1,str2,type,precision)

//[返回值] 计算结果

//===============================================================================

function longCount(str1,str2,type) {

var comma1 = 0

if (str1.indexOf(".")!=-1) {

str1 = str1.replace(/0*$/,"")

comma1 = str1.length - str1.indexOf(".")-1

}

var comma2 = 0

if (str2.indexOf(".")!=-1) {

str2 = str2.replace(/0*$/,"")

comma2 = str2.length - str2.indexOf(".")-1

}

str1 = str1.replace(/\./,"")

str2 = str2.replace(/\./,"")

var value,comma

if (type!="*") {

if (comma1>comma2) {

for (var i=0i<comma1-comma2i++) str2 += "0"

comma = (type=="/")?0:comma1

}else {

for (var i=0i<comma2-comma1i++) str1 += "0"

comma = (type=="/")?0:comma2

}

}else {

comma = comma1 + comma2

}

if (type=="+") {

value = parseInt(str1,10) + parseInt(str2,10)

}else if (type=="-") {

value = parseInt(str1,10) - parseInt(str2,10)

}else if (type=="*") {

value = parseInt(str1,10) * parseInt(str2,10)

}else if (type=="/") {

value = parseInt(str1,10) / parseInt(str2,10)

}

value = String(value)

if (comma>0) value = value.substring(0,value.length-comma)+"."+value.substring(value.length-

comma,value.length)

if (value.indexOf(".")!=-1)

value = value.replace(/0*$/,"")

return value

}

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 || '-' == PendingOp || '/' == PendingOp || '*' == PendingOp)

Accum = longCount(Accum,Readout,PendingOp)

else

Accum = Readout

FKeyPad.ReadOut.value = Accum

PendingOp = Op

FKeyPad.ReadOut.focus()

FKeyPad.ReadOut.select()

}

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 () {

alert(FKeyPad.ReadOut.value)

FKeyPad.ReadOut.value = longCount(FKeyPad.ReadOut.value,"-1","*")

}

function Percent () {

FKeyPad.ReadOut.value = longCount(FKeyPad.ReadOut.value,Accum,"*")

FKeyPad.ReadOut.value = longCount(FKeyPad.ReadOut.value,100,"/")

}

function goReturn() {

top.returnValue = FKeyPad.ReadOut.value

self.close()

}

function CheckOut() {

var keyCode = window.event.keyCode

if (keyCode>=48 &&keyCode<=57) {

if (FlagNewNum) {

FKeyPad.ReadOut.value = ""

//window.event.keyCode = null

FlagNewNum = false

}

return true

}else if (keyCode==43 || keyCode==45 || keyCode==42 || keyCode==47 || keyCode==61) {

Operation(String.fromCharCode(keyCode))

}else if (keyCode==46) {//.

if (FKeyPad.ReadOut.value.indexOf(".") == -1)

return true

}else if (keyCode==13) goReturn()

window.event.returnValue = false

return false

}

// End -->

</SCRIPT>

</body>

</html>

<!DOCTYPE html>

<html>

<head>

</head>

<body>

A:<input type="number" name="" id="a" value="" style="width: 40%height: 50px"/><br />

D:<input type="number" step="0.1" name="" id="d" style="width: 40%height: 50px" value="" min = '0.5' max="0.9" /><br>

</body>

var btn = document.getElementById('btn')

function getC (y){

if(y<10) return alert('错误 y<10')

if(y>=10 &&y<50) return y = 0.2

if(y>=50 &&y<100) return y = 0.3

if(y>=100 &&y<200) return y = 0.4

if(y>=200) return y = 0.5

}

btn.addEventListener('click',function(){

var a = document.getElementById('a').value

var d = document.getElementById('d').value

var b = 1

var y = a*b

var e = 2

var c = getC(y)

var e = 2

var p = document.getElementById('p')

var x = a*d*b*y*e*c*e

p.innerHTML = '你收到了' + a + '元的订单，是' + y + '的完成量，你的提成是' + d + '，计算比例是' + c+ '，则你的计算结果是：' + x+ '，等发工资一起结算。'

})

</script>

</html>

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/8250417.html

html中怎么做一些简单的算数运算啊

发表评论

评论列表（0条）