JavaScript实现网页交互

1.JavaScript简介

JavaScript 是⼀种 基于对象的、事件驱动型的、解释型的脚本语⾔，JS设计的⽬的是实现⽹⻚的交互能⼒

•基于对象：（区别于⾯向对象），JavaScript和Java语⾔⼀样可以通过对象调⽤⽅法 obj.fn()

•事件驱动：⽹⻚⽂档中的HTML标签事件触发JavaScript代码执⾏

•解释型：边解释边执⾏（不会先对⽹⻚进⾏编译⽣成中间⽂件）

•脚本语⾔：JavaScript不会独⽴运⾏，依赖于⽹⻚⽂件（HTML⽂档）存在 （通俗的理解为js要写在⽹⻚中）

2.案例

先建立一个HTML5文件，新增三个按钮

2.1 定义两个变量分别计算他们和差积商

function test01(a,b){console.log(a+"和"+b+"的差为"+(a-b));console.log(a+"和"+b+"的积为"+(a*b));console.log(a+"和"+b+"的商为"+(a/b));
}

2.2 定义3个变量分别记录年⽉⽇，使⽤switch结构，计算出是指定的年⽉⽇的该年的第⼏天

function test02(y,m,d){var sum = 0;//记录总天数switch (m-1){//由月份计算，利用case穿透的特点case 11:sum += 30;case 10:sum += 31;case 9:sum += 30;case 8:sum += 31;case 7:sum += 31;case 6:sum += 30;case 5:sum += 31;case 4:sum += 30;case 3:sum += 31;case 2:sum += 28;case 1:sum += 31;case 0:sum += d;}if(m > 2) {if (y % 400 == 0 || y % 4 == 0 && y % 100 != 0) {sum++;}console.log("这是"+y+"年的第"+sum+"天")}}

2.3 使⽤循环在⻚⾯上打印出99乘法表

function test03(){document.write("");for (var i = 1; i < 10; i++) {document.write("");for (var j = 1; j <= i; j++) {document.write("");}document.write("
");document.write("");}document.write("
");//设置元素边框border，颜色是browndocument.write(j + " * " + i + " = " + i * j + " ");document.write("
");
}

2.4 面试题 两个布尔类型的变量是否可以求和，为什么

可以，在JavaScript中将true看做1计算，将false看做0，如果出现字符就会当做字符串拼接,如：

var a = true;
var b = false;
var c = xx;
var d = a+b;
var e = c+a;
console.log(d);//结果为1
console.log(e);//结果为xxtrue

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！