这是我新开的一个校园版Javascript
主题是星辰与大海,坐标位于α:7h53m~9h19m,δ:+7°~+33°
也就是我们强而有力的巨蟹座
由于我不能第一时间input到课堂最新的code,还请您多多反馈。
否则会影响我给你讲解的。
01 显示作者信息
最终效果:
代码用途:不只是可以在网页中显示书名,作者,版权信息,而且还可以实时更新这些信息。
<title>输出简略图书信息</title> //网站标题
<script type="text/javascript"> //告诉浏览器我叫javascript,我需要特殊照顾
function info(_name="空值",_author="空值",_price="空值")
function info的意思是建立一个名为info的程序
其中在info这个程序中,我们定义外部可以给他导入3个数据
他们分别是名字_name,作者_author和书的价钱_price,当然这些英文可以随便起。
{
document.write("书名:");
document.write(_name);
现在info程序的第一个导入数据。
其中info内的 _name="空值" 被替换成了 书名 = "空值"
document.write("<br />");
document.write("作者:");
document.write(_author);
现在info程序的第二个导入数据。
从原来的 _author="空值" 被替换成了 作者 = "空值"
document.write("br /");
document.write("价钱:");
document.write(_price);
现在info程序的第三个导入数据。
从原来的 _price="空值" 被替换成了 价钱 = "空值"
document.write("br /");
}
info("Harry potter","j.k.Rowling",80);
向info程序导入 第一、第二、第三 的数据。
分别将Harry potter替换代码 【_name="空值"】 里的空值。
分别将j.k.Rowling替换代码 【_author="空值"】 里的空值。
分别将80 替换代码 【_price="空值"】 里的空值
</script> //结束info程序,见上面最终执行结果。
03 用JS进行数学计算
代码用途:用javascript在浏览器中计算平均数,学会可以利用浏览器进行公式运算。
<title>计算任意三个数的平均值</title> //网页标题
<script type="text/javascript"> //告诉浏览器我叫javascript,快回来复制
function average(数字1,数字2,数字3)
建立一个名为average的程序/函数,其中有三个输入参数。
{
avg=(数字1,数字2,数字3) /3;
将三个数的平均数计算出来,并将平均数赋值给自定义变量avg
return avg;
程序average运行结束,向用户返回这三个数的平均数。
}
function print_avg()
创建一个名为print_avg的程序
{
n = average(13,18,39);
向最上面创建的程序average
导入三个数值13,18,39,并把最终平均值赋值给n;
document.write("13,18,39的平均值为:");
document.write(n);
在网页中显示最终结果如上图所示
}
print_avg();
这里很重要!
上面写的是程序所蕴含的规则,实际上并未运行。
这行代码的意思是,运行print_avg这个程序。
</script> //结束程序
04 用JS计算圆的面积和
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<title>计算圆的面积之和</title>
<script type="text/javascript">
function total_area(r1,r2)
//创建一个名为total_area的程序
{
function circle_area(r)
//在程序total_area中创建一个名为circle_area的子程序
//其中circle_area中有一个名为r的输入参数
{
return 3.14 * r * r;
返回 3.14 乘 r² 的值
}
area=circle_area(r1)+circle_area(r2);
document.write("圆的面积之和: " + area + "<br />");
}
total_area(6,5);total_area(3,7);
向total_area导入半径6和5,最终两圆面积和191.54
向total_area导入半径3和7 最终两圆面积和182.12
</script>
</html>
05 局部变量与全局变量
<!DOCTYPE html> <html lang="en"> <head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> </head> <body>
<script>
(function()
{
document.write(6 + 2); /*6+2*/
document.write(6 - 2); /*6-2*/
document.write(6 * 2); /*6 x 2*/
document.write(6 / 2); /*6 ÷ 2*/
document.write(6 % 2); /*取余*/
document.write(6 ** 2); /*乘方*/
let t =5;t++; /*局部变量t=5,t++相当于+1,这里意思是5+1*/
document.write(t); /*打印输出t的值*/
let n =7;n--; /*局部变量n=5,t--相当于-1,这里意思是5-1*/
document.write(n);
let a =8;b = 3; /*局部变量a=5,b=3*/
let result = -a / (b+1) - 2 % 5 * 10;
/局部变量结果等于*-a ÷ [(b+1) - 2除以5的余数 x 10]
document.write(result); /*写入并打印局部变量结果*/
})();
</script> </body> </html>
06 复合赋值运算符
复合赋值运算符和表达式最难的部分在下表,事实上能看懂这张表就行了。
运算符 | 描述 | 表达式 | 二进制过程 | 二进制结果 | 十进制结果 |
& | AND | x = 5 & 1 | 0101 & 0001 | 0001 | 1 |
l | OR | x = 5 l 1 | 0101 l 0001 | 0101 | 5 |
~ | 取反 | x = ~5 | ~0101 | 1010 | -6 |
∧ | 异或 | x = 5∧1 | 0101 ∧ 0001 | 0100 | 4 |
<< | 左移 | x = 5 << 1 | 0101 << 1 | 1010 | 10 |
>> | 右移 | x = 5 >> 1 | 0101 >> 1 | 0010 | 2 |
事实上,这些运算符能用来干嘛,我不知道,只需要结果是怎么得出来的就好。
举例一&:表达式5 & 1是怎么得出十进制阿拉伯数字1的?
NO1,把表达式的阿拉伯数字(5 & 1)转换成二进制
即 0101 & 0001
左边第一位是0,右边第一位也是0对吧?好,那二进制结果第一位也是0
左边第二位是1,右边第二位是0。两个不一样对吧?那二进制结果第二位的结果也是0
左边第三位是0,右边第三位是0,两边一样对吧?那二进制结果第三位就是0
左边第四位是1,右边第四位是1,两边又一样对吧,那二进制结果第四位就是1
N02,所以在&的规则下,0101 & 0001 最终的二进制结果是 0001
NO3,二进制的0001 转成 十进制的阿拉伯数字 对应的就是 数字1
这个和找规律很像,像后面的l,~,∧,<<都有自己独特的规律,有兴趣可以找一找。N
<script>
(function()
{
var r,n;
r=10;n=2;r += n; document.write(r); /*10+2=12*/
r=10;n=2;r -= n; document.write(r); /*10-2=8*/
r=10;n=2;r *= n; document.write(r); /*2x10=20*/
r=10;n=2;r /= n; document.write(r); /*10÷2=5*/
r=10;n=2;r %= n; document.write(r); /*10÷2=5····0*/
以下为难点,想知道结果怎么推算出来,见上面表格的规律
简单知道大致流程就好了,不必深究
r=10;n=2;r &= n; document.write(r); /*10 & 2 = 2*/
r=10;n=2;r |= n; document.write(r); /*10 | 2 = 10*/
r=10;n=2;r ^= n; document.write(r); /*10 ^ 2 = 8*/
r=10;n=2;r <<= n; document.write(r); /*10 << 2 = 40*/
r=10;n=2;r >>= n; document.write(r); /*10 >> 2 = 2*/
r=10;n=2;r >>> n; document.write(r); /*10 >>> 2 = 2*/
})();
</script>
07 年龄与辈分的关系
<script>
function person(age)
将下面a的年龄值导入age里面,开始运算
{
var status = (age>=18) ? "成人" : "儿童";
如果age大于18则向全局变量status返回成人
如果age小于18则向全局变量status返回儿童
return status;
注释:把最终得到的值‘成人’或'儿童',返回到主程序最后一行代码
注释:document.write(person(a));
注释:在浏览器中打印
}
(function() !!先从这里开始往下看!!
{
var a = window.prompt("请输入年龄:",30);
弹出一个输入框,默认值是30
把最终输入的年龄,赋值给a,即 a=最终输入的年龄
document.write(person(a));
启动上面的程序person,并把a里的年龄导入程序person
现在你可以去看最上面person程序的代码了。
})();
</script>