目标

  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. 使用jQuery+huandlebars判断类型的helper

    兼容ie8(很实用,复制过来,仅供技术参考,更详细内容请看源地址:http://www.cnblogs.com/iyangyuan/archive/2013/12/12/3471227.html) & ...

  2. hello2

    String username = request.getParameter("username");//获取参数值 if (username != null && ...

  3. ajax请求导致status为canceled(无任何回调数据)的原因

    1.故障现象 一个普通的ajax请求,请求能够到达controller,也能正常处理业务,但是ajax的回调函数为空,即没有任何状态和数据返回,使用谷歌浏览器查看请求状态如下图: 出现该错误:简单来说 ...

  4. laravel简书(2)

    用户注册 public function register() {         //验证         $this->validate(\request(),[             ' ...

  5. js中的instanceof运算符

    概述 instanceof运算符用来判断一个构造函数的prototype属性所指向的对象是否存在另外一个要检测对象的原型链上 语法 obj instanceof Object;//true 实例obj ...

  6. JS-基础动画心得

    写在前面的话:这两种动画方式主要在于对其中算法的理解,理解其中的向上和向下取整很关键.还有一个我犯的毛病,写样式的时候忘记给轮播图ul定位,导致效果出不来,所以有bug时记得排除下css 常用的三种动 ...

  7. rsync 定时备份<crontab+backrsync.sh> 简陋版

    数据需要定时的备份至其它的目录中,但是备份之前检查检查一下是否有rsync正在运行,曾经因为数据过大,导致有很多rsync进程在跑,然后服务器有出现卡死的现象.最终写了一条bash,先检查一下是否有这 ...

  8. python 数据可视化 -- 读取数据

    从 CSV 文件中读取数据(CSV) import sys import csv # python 内置该模块 支持各种CSV文件 file_name = r"..\ch02_data\ch ...

  9. MyAdvice 填充方法（在原有方法上添加方法）

    //applicationContext.xml配置文件  /UserServiceImp继承于UserService接口 <!-- 1 配置目标对象-->    <bean nam ...

  10. wince sqlite c#

    无法找到 PInvoke DLL“SQLite.Interop.084.dll 按下面步骤操作