一、JavaScript执行原理
当客户端向服务器请求某个页面时,服务器端将整个页面中包含JavaScript的脚本代码作为响应内容,发送会客户端机器,客户端浏览器根据发回的网页文件从上往下逐行读取并解析其中的html或脚本代码。
二、JavaScript脚本代码
在Html代码中添加脚本代码的三种方式:
- Html文件混合方式。在网页中<script></script>标签中直接写脚本程序。
- Js文件引用方式。将脚本程序代码编写在一个单独的.js文件中,然后在网页中引用该文件。
- Html代码嵌入方式。将脚本程序代码作为某个html元素的事件属性值或超链接的href属性值。
三、JavaScript核心语法
1. 变量
定义变量规则:
(1)第一个字母必须是字母、下划线、美元符号。
(2)其他字符可以是字母、下划线、美元符号、数字。
(3)不能与关键字同名。
(4)严格区分大小写。
2. 数据类型
(1) typeof操作符
用来检测给定变量的数据类型
(2) null
null是空类型,表示一个变量已经有值,但值为空对象。
(3)undefined
undefined表示变量没有定义
(4)boolean
boolean是布尔类型,有两个标准值:false(假) 和true(真)。
(5)number
number是数字类型包含整数、小数。
(6)String
String是字符串类型,用单引号或双引号引起来。单双引号不要交叉使用。
3.运算符
类型 | 运算符 |
---|---|
算术运算符 | + 、 -、/、 *、 %、 ++、 -- |
赋值运算符 | = |
比较运算符 | > 、< 、 >= <= == != |
逻辑运算符 | &&、|| 、! |
注意:“+”能实现字符串的相加,如有字符串,“+”就用于连接
4. 控制语句
(1) 顺序结构
最基本的结构,从上往下执行
(2) 选择结构
if(条件表达式){
语句或语句块
}
多分支:
if(条件表达式1){
语句或语句块1
}else if(条件表达式2){
语句或语句块2
}else if条件表达式3(){
语句或语句块3
}........
else{
语句或语句块n
}
(3) switch语句
switch(表达式){
case 取值1:语句或语句块1; break;
case 取值2:语句或语句块2; break;
case 取值3:语句或语句块3; break;
.......
case 取值n:语句或语句块n; break;
}
(4) 循环语句
while(条件表达式){
语句或语句块
}
do{
语句或语句块
}while(条件表达式);
for(初始化表达式;循环条件表达式;循环后的操作表达式){
语句或语句块
}
四、代码展示
1.九九乘法表
<script>
for(var i = 1;i<=9;i++){
for(var j = 1;j<=i;j++){
document.write(i+"*"+j+"="+i*j+"  ");
}
document.write("<br>");
}
</script>
2.三位数水仙花数
<script>
function shui(){
for(var i=100;i<1000;i++){
var bai = Math.floor(i/100);
var shi = Math.floor(i/10%10);
var ge = Math.floor(i%10);
if(bai*bai*bai+shi*shi*shi+ge*ge*ge == i){
document.write(i);
document.write("<br>")
}
}
}
</script>
补充:JavaScript的变量是弱类型的形式,即用var关键字来声明变量是不必确定类型,而是在使用或赋值时自动确定其数据类型。JavaScript还有一种复杂的类型是:object。
isNaN函数是用来判断是否为数字,数字值返回 false,其他返回 true。