目标

  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. 尚硅谷springboot学习26-嵌入式servlet容器自动配置、启动原理

    EmbeddedServletContainerAutoConfiguration:嵌入式的Servlet容器自动配置 @AutoConfigureOrder(Ordered.HIGHEST_PREC ...

  2. TCP与UDP，可靠UDP如何实现

    两种协议都是传输层协议,为应用层提供信息载体. TCP协议是基于连接的字节流的可靠协议,有三次握手,四次挥手,超时重传,流量控制(滑动窗口),拥塞控制和差错控制,也正因为有可靠性的保证和控制手段,所以 ...

  3. js实现图片上传预览功能，使用base64编码来实现

    实现图片上传的方法有很多,这里我们介绍比较简单的一种,使用base64对图片信息进行编码,然后直接将图片的base64信息存到数据库. 但是对于系统中需要上传的图片较多时并不建议采用这种方式,我们一般 ...

  4. xadmin增加用户 除了账号和密码 添加其他信息

    默认xadmin在添加账号的时候只有账号和密码 我们可以添加其他信息 打开源码 xadmin -> plugins -> auth -> 找到self.form = UserCrea ...

  5. java正则表达式 需要转义的字符

    特别字符 说明 $ 匹配输入字符串的结尾位置.如果设置了 RegExp 对象的 Multiline 属性,则 $ 也匹配 ‘\n' 或‘\r'.要匹配 $ 字符本身,请使用 \$. ( ) 标记一个子 ...

  6. Halcon示例：bottlet.hdev 光学字符识别（创建OCR）

    * * Training of the OCR* The font is used in "bottle.hdev"* * * Step 0: PreparationsFontNa ...

  7. HDU 6301 Distinct Values

    题目链接 http://acm.hdu.edu.cn/showproblem.php?pid=6301 多校contest1 题目大意是有一个长度为N的数组,给出M个"事实",每个 ...

  8. HDU 5828 Rikka with Sequence(线段树区间加开根求和)

    Problem DescriptionAs we know, Rikka is poor at math. Yuta is worrying about this situation, so he g ...

  9. [leetcode]91. Decode Ways解码方法

    A message containing letters from A-Z is being encoded to numbers using the following mapping: 'A' - ...

  10. centos 7 安装redis 3.2.1

    https://www.cnblogs.com/zuidongfeng/p/8032505.html 下载安装包: http://download.redis.io/releases/ 根据需要自己选 ...