目标

  1. 常用数据类型
  2. 基本语法
  3. 变量的定义与赋值
  4. 数据类型与转换
  5. 逻辑控制语句
  6. 条件语句
  7. 循环语句
  8. 函数定义

基本语法

变量

变量名以字母或下划线("_")开头

变量可以包含数字、从 A 至 Z 的大小写字母

JavaScript 区分大小写

变量的声明和赋值

定义变量:var name;

赋值:name = dashucoding;

"var"为声明变量的关键字,"name"为变量名

同时声明和赋值变量

var age = 12;

声明多个变量

var a,b,c = 12;

常量

  • 整型
  • 浮点型
  • 字符串型

数据类型

弱类型,区分大小写

  1. 数值型

    整型、浮点型
  2. 字符串型

    单引号或双引号引起来
  3. 布尔型

    true, false
  4. Null、undefined

运算符

  1. 算术运算符

    +、-、 * 、 / 、%、++、--
  2. 比较运算符

    ==、!=、>、>=、<、<=
  3. 逻辑运算符

    &&、||、!
  4. 条件运算符

    ?:

类型转换

parseInt (String)

parseFloat(String)

条件语句

if条件语句

switch多分支语句

if(条件){
//JavaScript代码;
}else{
//JavaScript代码;
}
switch (表达式){
case 常量1 :
JavaScript语句1;
break;
case 常量2 :
JavaScript语句2;
break;
...
default :
JavaScript语句3;
}

循环语句

  • for语句
  • while语句
  • for…in语句
  • 中断循环语句
for(初始化;  条件;  增量){
语句;
} while(条件){
语句;
}
for(变量  in  对象){
语句;
}

函数

定义:类似于Java中的方法,是执行特定任务的语句块。

注释

  • 单行注释以 // 开始
  • 多行注释以 /* 开始,以 */ 结束

要求

  • 语法规则
  • 变量声明
  • 数据类型
  • 各种运算符
  • 函数定义

技能

(1)变量定义

(2)if条件语句应用

(3)for循环的应用

(4)掌握数据的类型转换

(5)学会使用数值判断函数

代码

<!DOCTYPE html>
<html>
<head>
<title>dashucoding</title>
</head>
<body>
<script type="text/javascript">
var row = parseInt(prompt("请输入打印的行数:"));
if(row<=10){
for(var i = 0;i<row;i++){
for(var j = 0;j<row;j++){
document.write("#");
}
document.write("<br/>");
}
}else {
document.write("最多输入10!请重新输入!");
}
</script>
</body>
</html>

结语

小礼物走一走 or 点赞

JavaScript基础-第2章的更多相关文章

  1. (转)JAVA AJAX教程第二章-JAVASCRIPT基础知识

    开篇:JAVASCRIPT是AJAX技术中不可或缺的一部分,所以想学好AJAX以及现在流行的AJAX框架,学好JAVASCRIPT是最重要的.这章我给大家整理了一些JAVASCRIPT的基础知识.常用 ...

  2. JavaScript基础视频教程总结(131-140章)

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  3. JavaScript基础视频教程总结(121-130章)

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  4. JavaScript基础视频教程总结(111-120章)

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  5. JavaScript基础视频教程总结(101-110章)

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  6. JavaScript基础视频教程总结(091-100章)

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  7. JavaScript基础视频教程总结(081-090章)

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  8. JavaScript基础视频教程总结(071-080章)

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  9. JavaScript基础视频教程总结(061-070章)

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

随机推荐

  1. 多个css样式合并到一个“目录”css文件中

    执行访问jsp后发现没有效果 同样的代码,在html中效果对比如下: 具体原因:不清楚,暂时记着~~~在jsp中不支持@import这种css样式的引用

  2. 438. Find All Anagrams in a String

    原题: 438. Find All Anagrams in a String 解题: 两个步骤 1)就是从s中逐步截取p长度的字符串 2)将截取出的字符串和p进行比较,比较可以用排序,或者字典比较(这 ...

  3. Junit介绍以及使用

    在介绍junit之前,把一些知识点提前了解一下 单元测试是一个对单一实体(类或方法)的测试. 测试用例(Test Case)是为某个特殊目标而编制的一组测试输入.执行条件以及预期结果,以便测试某个程序 ...

  4. Pandas聚合

    数据聚合 import pandas as pd from pandas import Series import numpy as np # 准备数据 df = pd.DataFrame([[-0. ...

  5. C源文件和头文件 模版

    头文件: /********************************************************************************************** ...

  6. Linux 子网掩码计算, 二进制十进制互相转换

    看下边例子 192.168.0.1/24 192.168.0.1/32 192.168.0.1/28 上边24,32,28对应的掩码都是什么,怎么计算的 24,32,28,对应的就是多少个二进制的1 ...

  7. UVA10600 次小生成树

    题目链接:https://vjudge.net/problem/UVA-10600 题意:叫我们求出最小生成树的边权之和 和次小生成树的边权之和. 思路:我们可以先求出最小生成树,这个不难,如果要求次 ...

  8. 天天向上的力量 III

    描述 一年365天,以第1天的能力值为基数,记为1.0. 当好好学习时,能力值相比前一天提高N‰:当没有学习时,能力值相比前一天下降N‰. 每天努力或放任,一年下来的能力值相差多少呢?其中,N的取值范 ...

  9. 247. Strobogrammatic Number II输出所有对称数字

    [抄题]: A strobogrammatic number is a number that looks the same when rotated 180 degrees (looked at u ...

  10. 命令实现linux和客户端文件上传下载

    1.rz/sz命令 linux端使用rz/sz实现和windows客户端 linux服务器需要装了rz,sz yum install lrzsz 当然你的本地windows主机也通过ssh连接了lin ...