JS简易加法计算器完全体代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>简易加法计算器</title>
</head>
<body>
<script type="text/javascript">
var a = prompt("请输入第一个数:","");
var b = prompt("请输入第二个数:","");
a = parseInt(a);
b = parseInt(b);
alert(a + b);
</script>
</body>
</html>
代码解析
· var
var 语句用于声明变量。
JavaScript 变量的创建也叫作"声明"一变量
· prompt
js当中的输入函数,输入的都是字符串(或者说默认为字符串)
· parseInt
解析一个字符串,返回一个整数。
只有一个参数时返回参数。
有两个参数时,第二个参数表示要解析数字的基数(表明进制),参数值在2~36之间,写入其他数会返回NaN,若是其他类型值我估计直接不理你,报错就完事了。
Js代码可以写在HTML文档内,也可以新建一个js
类的文件,将js代码写在对应的js类文件里,最后通过代码链接运用。
链接代码如下:
<script src="" type="text/javascript" charset="utf-8" defer="defer"></script>
链接代码与HTML文档内直接插入的脚本代码区别有src=""
,这个单词后面是添加js文件地址以及js文件名字的,就像下面:
<script src="js/index.js" type="text/javascript" charset="utf-8" defer="defer"></script>
而defer这个单词或者说属性,可以提高整个网页的载入速度,为什么呢,我去网上查了查,是因为defer
属性可以让网页在载入的时候,不等脚本文件了。就是以前还要等一下脚本文件执行完,现在嫌这玩意运行起来太笨重,太慢,拖进度,于是其他的,就是除开脚本以外的HTML文档不伺候了,先自己运行完,再等脚本运行完。有点像接力赛,之前因为脚本这一棒太慢拖累整体成绩,于是现在哨声一响全部都在跑,变相提高了成绩。
如果要运用这个属性,就要在defer属性后面加点东西,defer默认是false(可以查到,我查的),要激活这个属性就只能加点东西,比如defer
或者true
,如下:
defer="defer"
defer="true"
之前到现在我一直用的都是defer="defer"
,我查了一下,发现true和defer作用是一样的,但是true好像用于XTHML形式的网页,除此之外defer就比较普遍了。
defer属性用起来还有一点注意事项,查defer时,几乎每个文档都有提到一个属性:document.write
都在说如果你的defer="defer"
或者defer="true"
了,便不要使用这个document.write
属性,因为这样会产生直接输出效果。
我去试了一下,对于本案例,就是这种超级简单的这种,document.write可以直接将结果打印在body界面,如此:
但是如果脚本内容变复杂之后(比如说加了很多函数,中间有超级多变量),document.write这个直肠子不会管你想要干啥,你既然叫他在文档body输出了,那他真的就会在body输出,一点都不带含糊。
另外defer="defer"
类脚本还需要注意:
不要在defer型脚本程序段中包括任何立即执行脚本要使用的全局变量或者函数。
人有点懵,不能包括任何立即执行脚本要使用的全局变量,这个可以想象,很多语言因为变量出的问题也不少,可以理解,但为啥不能包括函数。我觉得我理解有问题,下来我还要再去看一看,搜一搜。