html怎么在标签内计算

html怎么在标签内计算,第1张

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

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

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

var a=1 var b=2

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

补充知识:

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

超文本标记语言 (15张)

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

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

<!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/htmlcharset=gb2312" />

<title>HTML 自动计算JS Code by Happy</title>

</head>

<body>

<tr>

<td height="12"><div align="center">

<input type="text" id="num1" onkeyup="getTotal()" />

</div></td>

<td height="12"><div align="center">

<input type="text" id="num2" onkeyup="getTotal()" />

</div></td>

</tr>

<tr>

<td height="12"><div align="center">

<input type="text" id="Total" />

</div></td>

</tr>

<script type="text/javascript">

function getTotal(){

var num1 = document.getElementById("num1").value*1

var num2 = document.getElementById("num2").value*1

document.getElementById("Total").value = num1*num2

}

</script>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存