目标

  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. 【Noip模拟 20160929】树林

    题目描述 现在有一片树林,小B很想知道,最少需要多少步能围绕树林走一圈,最后回到起点.他能上下左右走,也能走对角线格子. 土地被分成RR行CC列1≤R≤50,1≤C≤501≤R≤50,1≤C≤50,下 ...

  2. jmeter 测试计划

    进行 jmeter 测试时首先都要有一个测试计划,测试计划下的一些名词解释:

  3. 【原】The Linux Command Line - Manipulation Files And Directories

    cp - Copy Files and directories mv - move/rename files and directories mkdir - create directories rm ...

  4. pycharm的断点调试【转自https://blog.csdn.net/weixin_39198406/article/details/78873120】

    1. show execution point (F10)显示目前项目所有断点2. step over (F8)下一步但仅限于设置断点的文件3. step into (F7)执行下一行4. step ...

  5. [Ting's笔记Day6]活用套件carrierwave gem:(1)在Rails实现图片上传功能

    carrierwave是一款经典的图片上传套件,本篇的目标是先在本地端(development)的rails项目试成功gem. (预计中集的进度会练习怎么利用Amazone S3架设图片上传Host, ...

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

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

  7. mysql 查询结果集按照指定的字段值顺序排序

    mysql 查询结果如果不给予指定的order by ,那么mysql会按照主键顺序(innodb引擎)对结果集加以排序,那么最后的排序可能就不是你想要的排序结果. 举个例子,我要按照前端传过来的mo ...

  8. io.netty.resolver.dns.DnsNameResolverContext

    java.net.UnknownHostException: failed to resolve 'xxx.com' after 3 queries at io.netty.resolver.dns. ...

  9. FortiGate部分用户上网慢,丢包严重

    1.现状: 如图,出口internet有2条联通线路分别为liant_218和liant_61,在防火墙上使用WAN LLB,基于源IP: 2.现象: 使用liant_218的用户上网正常,使用lia ...

  10. [leetcode]339. Nested List Weight Sum嵌套列表加权和

    Given a nested list of integers, return the sum of all integers in the list weighted by their depth. ...