---恢复内容开始---

今天讲了js的基础知识

js的组成3部分1 ECMAscript  核心  2 DOM 文本对象模型   3BOM  浏览器模型

js 的引入方式三种 1 在body里作为标签时间代码    例如<a href="javascript:alert('hello')">dianwo</a>

2内嵌式  在head里面<script type="text/javascript">alert("dianwo") </script>

3外部引用   在head里面<script type="text/javascript" src="js/untitled.js"></script>

需要有途径,建立js文件

弹窗有三种1  alert(“告警弹窗”)  弹出一个警告对话框 无实际作用

2confirm(“确定对话框”)   弹出一个带有确定和取消按钮的对话框  有返回值 ture 或者 false

3prompt(“输入的值”)  有返回值  可以允许输入内容的对话框

var    num    =     "字符串"

var定义变量    num变量名 “ 字符串”变量值

变量名注意事项1变量名不能用中文

2变量名不能是数字

3变量名要见名知意

变量值的数据类型:

字符串类型“”       数值类型123             布尔类型ture/false           undefined 没有定义        null没有赋值

注意:var 定义完变量要用分号结尾  定义变量之间用逗号隔开   +变量是字符串转数字类型

==是等于   =是赋值  ++自增    --自减      %取余数   isNaN( one)判断数字       console.log( 输出结果)判断语句错误  parseInt取整

Math.random()*   0到100的随机数

1算术运算符:+ - *  /  %  ++ --
2关系运算符::< > <= >=  != == <>  中间不能有空格
3逻辑运算符:&&并且//或者 !不是
4赋值运算符 =

学习了几种语句
  1 if(条件){
    条件成立时执行的代码
}else{
    条件不成立时执行的代码
}

2switch(具体的值){
    case “值1”:
        要执行的代码语句1
        break;
    case “值2”:
        要执行的代码语句2
        break;
    defluat:                    /* defuat(都不满足时)*/
        break;

}

3for(var i=0; i<3; i++){
    满足条件要执行的代码语句
}
做了个练习加深巩固

一个游戏,前20关是每一关自身的分数,21-30关每一关是10分,31-40关,每一关是20分,41-49关,每一关是30分,50关,是100分;输入你现在闯到的关卡数,求你现在拥有的分数
var num=prompt("请输入关数");
var sum=0;
for(var i=1;i<=num;i++){
    if(i<=20){
        sum=sum+i;
    }else if(i>20&&i<=30){
        sum=sum+10;                                      sum=sum+i 是迭代
    }else if(i>=31&&i<=40){
        sum=sum+20;
    }else if(i>40&&i<=49){
        sum=sum+30;
    }else if(i==50){
        sum=sum+100;
    }
}
document.write(sum)

js基础巩固练习的更多相关文章

  1. js 基础篇(点击事件轮播图的实现)

    轮播图在以后的应用中还是比较常见的,不需要多少行代码就能实现.但是在只掌握了js基础知识的情况下,怎么来用较少的而且逻辑又简单的方法来实现呢?下面来分析下几种不同的做法: 1.利用位移的方法来实现 首 ...

  2. js 基础

    js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避 ...

  3. js基础练习二之简易日历

    今天学到了js基础教程3,昨天的课后练习还没来的及做,这个是类似简易日历的小案例,视频还没听完,今晚继续...... 先看效果图: 其实做过前面的Tab选项卡,这个就很好理解了,通过鼠标放在不同月份月 ...

  4. [JS复习] JS 基础知识

    项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display  :inline or bloc ...

  5. JS基础(超级简单)

    1     JS基础(超级简单) 1.1 数据类型 1.1.1   基本类型: 1)        Number:特别注意:NaN的检测方法:Nan!=NaN;或者使用isNaN方法 2)       ...

  6. Node.js基础与实战

    Node.js基础与实战 Node.jsJS高级进阶 NODE原理与解析 REPL交互环境 模块与NPM Buffer缓存区 fs文件操作 Stream流 TCP&UDP 异步编程 HTTP& ...

  7. js基础到精通全面教程--JS教程

    适合阅读范围:对JavaScript一无所知-离精通只差一步之遥的人 基础知识:HTML JavaScript就这么回事1:基础知识 1 创建脚本块 1: <script language=”J ...

  8. JS基础知识总结

      js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划() ...

  9. js基础篇——call/apply、arguments、undefined/null

    a.call和apply方法详解 call方法: 语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象 ...

  10. js基础知识总结(2016.11.1)

    js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避 ...

随机推荐

  1. php 无限分类

    <?php function genTree($items,$id='id',$pid='pid',$son = 'children'){ $tree = array(); $tmpMap = ...

  2. ceph中用sgdisk工具进行分区--------固定uuid

    ceph中两种类型分区的type code: type type code journal 45b0969e-9b03-4f30-b4c6-b4b80ceff106 osd 4fbd7e29-9d25 ...

  3. C++模板类练习题

    题目说明: 编写一个程序,使用类模板对数组元素进行排序,倒置.查找和求和 具有对数组元素进行排序,倒置.查找和求和功能, 然后产生类型实参分别为int型和double型的两个模板类, 分别对整型数组与 ...

  4. springcloud (一) 介绍

    开启springcloud 之旅... 传统单体架构: 微服务架构: 每个模块独立运行,就是独立的进程. 接下来基于springboot 来构建微服务: 1, 客户端->订单微服务->用户 ...

  5. python+selenium+Firefox+pycharm版本匹配

    window(2018-05-29)最新 python:3.6.1    地址https://www.python.org/downloads/release/python-361/ selenium ...

  6. django的实现异步机制celery

    celery 一句话总结:celery是一种实现异步的机制,对于比较耗时的任务可以使用其来减少客户端等待时间(注册邮箱验证),提高用户体验. 官方网站 中文文档 示例一:用户发起request,并等待 ...

  7. 根据不同分辨率载入相应CSS样式表

    index.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:// ...

  8. 关于 warning CS0659:“***”重写Object.Equals(object o)但不重写Object.GetHashCode()

    对象相等性和同一性 System.Object 类型提供了以下方法, namespace System { // // 摘要: // 支持 .NET Framework 类层次结构中的所有类,并为派生 ...

  9. leetcode413

    public class Solution { public int NumberOfArithmeticSlices(int[] A) { , sum = ; ; i < A.Length; ...

  10. C#异步编程的一些认识

    1.使用委托类型的BeginXXX,EndXXX 2.使用事件 3.使用aysnc,await关键字,会自动切换回UI线程,启动方法的线程可以被重用,线程没有阻塞.内部其实是封闭了Task类的Cont ...