JS学习一:简易加法计算器

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型脚本程序段中包括任何立即执行脚本要使用的全局变量或者函数。
人有点懵,不能包括任何立即执行脚本要使用的全局变量,这个可以想象,很多语言因为变量出的问题也不少,可以理解,但为啥不能包括函数。我觉得我理解有问题,下来我还要再去看一看,搜一搜。

  • 2
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值