在 Html 中嵌入 Html
在HTML中通过<script>… </ script>引入JavaScript代码
当浏览器读取到<script>标记时,解释执行其中的脚本。
script的两个属性
常量:数值型(整数、浮点数)、字符串和布尔型
变量
运算符
算术运算符:+、-、*、/、%(取余数)、++、--
关系运算符:<、<=、>、>=、= =、!=
逻辑运算符:&&、||、!
字符串运算符:+(连接) 这个在java中也是有的
赋值运算符:=
条件运算符:condition?true_result:false_result
流程控制语句
这里我们介绍三个最常用的对话框
alert:警告对话框
confirm:确认对话框,返回一个bool值
prompt:输入对话框
示例:
? 询问用户是否学习过Java语言,如果学习过,输入考试分数,对分数进行评价;如果没有学习过,提示需要先学习Java才能继续。
代码:
<!--Java-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaTest</title>
</head>
<script type="text/javascript">
var learned = confirm("have you ever learned java?");
if (learned) {
var score = prompt("what‘s you score?");
score = Number(score);
var res = "";
switch (score / 10) {
case 10:
res = "all right!"; break;
case 9:
res = "A"; break;
case 8:
res = "B"; break;
case 7:
res = "C"; break;
case 6:
res = "D"; break;
default:
res = "E";
}
alert("The res:" + res + "!");
} else {
alert("sorry, without the data we can‘t conclude!");
}
</script>
<body>
</body>
</html>
java的对象分为内置对象,自定义对象,和浏览器对象,下面我们介绍一下javaScript的内置对象
下面我们介绍几个常见的对象
Date对象:该对象主要提供获取和设置日期和时间的方法。例如,getFullYear() 、getMonth() 、getDate () 、getDay ()
String对象:该对象提供了对字符串进行处理的属性和方法。例如:length()、toLowerCase()、toUpperCase()、substr()
Array对象:在JavaScript中,使用内置对象Array创建数组对象。格式为:var arrayname=new Array(arraysize)
注意这个对象的声明依旧是 使用 var,只不过new 后面跟了类型
下面我们给出一个JavaScript内置对象的示例
<!--Java-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaTest</title>
</head>
<script type="text/javascript">
var date = new Date();
var curDay = date.getDay(); <!--获取当前星期-->
alert("Day" + date.getDay()); <!--获取当前星期-->
alert("Year" + date.getFullYear()); <!--获取当前年份-->
alert("Month" + date.getMonth());
alert("Date" + date.getDate());
alert("Hours" + date.getHours()); <!--获取当前时间-->
</script>
<body>
</body>
</html>
下面我们给出具体官方的自定义对象方法的介绍:
其他对象就是Date对象的旁边,这里就不给了。
事件驱动的定义
用户操作事件(操作鼠标或按键的动作)或系统操作事件(如载入页面等)引起一连串程序动作的执行方式,称为事件驱动。
事件处理的定义
为了响应某个事件而进行的处理过程,称为事件处理。
事件处理程序的定义
对事件进行处理的过程或函数,称为事件处理程序。
JavaScript使用事件的两种方法----HTML标记或使用JavaScript语句
下面我们给出一个示例:
? 要求用户输入圆 的半径,计算并输出圆的面积
主要是使用了第一种的方法。
<!--Java-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaTest</title>
</head>
<script type="text/javascript">
function calArea() {
var radius = prompt("请输入圆的半径,进行计算");
radius = Number(radius);
if (radius < 0) {
alert("数据范围错误");
} else {
alert("S=" + (3.14 * radius * radius));
}
}
</script>
<body>
<input type="button" name="btn" value="点击开始进行圆的面积" onclick="calArea()" />
</body>
</html>
完成数据的累加和计算
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>累加和计算</title>
</head>
<script>
function sum() {
var n = prompt("请输入一个正整数n,计算1~n累加和");
if (n < 1) { <!--数据输入有误-->
var myContinue = confirm("数据输入有误,是否继续输入正确数据");
if (myContinue) {
sum(); <!--继续递归调用-->
}
} else {
<!--必须要强制类型转换-->
n = Number(n);
var res = (n + 1) * n / 2;
alert("1+2+...+" + n + "结果=" + res);
}
}
</script>
<body>
<input type="button" name="btn1" value="开始计算累加和" onclick="sum()" />
</body>
</html>
二、JavaScript简介二
原文:https://www.cnblogs.com/lucky-light/p/14456875.html