javascript:是个脚本语言,需要有宿主文件,他的宿主文件是html文件。用来交互的

Javascript基础

 写法分类

1内联(行内):写在标签里面,以事件属性表现 属性名就是事件属性名

事件就是对标签的动作

<button onClick="alert('点我干嘛')">
按钮
</button>

2、内嵌:(重点在内容)

写在HTML文件里面以标签的形式表现 标签名:script

script标签里面的代码会自己执行。

<script>
onClick="alert('点我干嘛')"
</script>

3、外部引用:(没有内容,只有属性)

写在HTML文件里面以标签的形式表现标签名:script

<script type="text/javascript" src="index.js"></script>

在HTML的任何位置都可以,但位置与显示内容有关,由上到下执行,当执行到script内容时,下面的内容不显示,

一般写在head中。

javascript 没有优先级,一般都是有条件的调用,以动作开始。

三个常用对话框

刷新自动弹出对话框,执行

alert(" ") 警告对话框,作用是弹出一个警告对话框;

alert("我是弹窗");

confirm(" ") 确定对话框,作用是弹出一个可供选择的确定对话框,点击确定-----它返回 ture,点击取消-----返回flase,可用变量来接收。

var zhi = confirm("确定退出么");//选择框 有返回值  true 真   false  假

alert(zhi);

prompt("要显示的提示文字"),作用是弹出一个可以输入内容的对话框。有返回值

确定-----返回值是输入内容,取消----没有返回值(null)

例:

var zhi = prompt('1+1=几');

if(zhi == 2){

alert('答对了');

}else{

alert('瞎写什么');
}

javascript基础语法

1、注释、关键字、标识符、变量

/* 多行注释 */

// 单行注释

关键字:在代码中有一些特殊含义的,系统已经规定好的英文单词.如:name

标识符:自定义:字母、数字、下划线(通用),不能是数字开头(除了关键字都是标识符)

变量:都是通用类型var,可以随便存储其它类型的值,可以直接使用,不用定义,但习惯上定义。

所有变量定义都用var定义,var是通用的可变类型。如:定义变量:var a

  定义   赋值   使用

var name=’张三’; //定义并赋值
alert(name);
或者
var name;
name=’张三’;
alert(name) ;

2、数据类型

  javascript(6种数据类型):  number(int/float)   string    boolean    null    undefined    object

number  数字类型

string 字符串类型,所有带引号的都是

boolean 布尔类型,只有两个:true和false

null 空对象类型

undefined  未定义类型

object   对象类型:window  document

强类型语言与弱类型语言

区别在对数据类型的处理上

强类型:定义的时候必须指明数据的类型是什么

弱类型:定义的时候,不用指明数据类型,全部自动转换

3、运算符

1>算术运算符:+    -   *   /   %(取余)     ++自增1)  - -自减1)

          ++在前:先自增,再运算

         ++在后:先运算,再自增

var a = 1;
var b = 4;
b = ++a +1;
//相当于 a=a+1 b = a+1 alert('b:'+b+';a:'+a);
// 运算结果 a:2 b:3 //b = 1 + a--;
//相当于 b = a+1 a=a-1 alert('b:'+b+';a:'+a);
//运算结果 a:1 b:3 

+ 两边是数字时,作为运算符;

有一边是字符串时,作为字符串拼接;

例:1+1=2

1+“1”=1“1”

“1”+1+1=“1”11

2>赋值运算符: =  +=   -=  *=   /=

a += 4;相当于 a=a+4;

3>条件运算符:   >   <   >=    <=    !=   ==   ===

返回值为布尔值,

1>2     ---返回值为flase;

==只需要数值相等

===不仅需要数值相等,数据类型也要相同

4>逻辑运算符:&& 并且   || 或者  !取反

返回值为布尔值

&& 并且

两边结果都为真,结果为真,输出true;

|| 或者

一边结果为真,则结果为真,输出true;

!取反

真即假,假即真

5>三目运算符:(简易的if语句)

结构: 表达式 ? true(代码) : false(代码) ;

判断表达式,真为true  假为flase

alert( ==  ? “dengyu”:’no’);

4、控制语句

1、条件判断

if语句:如果

if(){}   

if(){}   else{}

If(){}  else if(){}

例题:输入分数判断是否及格,如果超过80分则输出 “你学的不错,值得表扬!”,如果在60-80之间则输出“良好”,如果在50—60分之间则输出“就差一点点,再加把劲”,如果小于50则输出“使劲努力,不要偷懒!”

var b="请输入成绩";
var x= parseInt (prompt(b));
if(x>80){
alert("你学的不错,值得表扬!");
}else if(x>=60){
alert("良好");
}else if(x>50){
alert("就差一点点,再加把劲!");
}else{
alert("使劲努力,不要偷懒!");
}

switch语句    --匹配语句

var day=1;
switch(day){
case 1:
alert(1);
break; case 2:
alert(2);
break; case 3:
alert(3);
break;
default: //没有匹配到执行default
alert("没有匹配到");
break;
}

变量为day,case匹配是否是day的赋值,如果是执行下面程序,

如果没有匹配到,运行default。

break 是退出switch匹配

如果case下没有break,继续向下找break,并执行遇到的case,直到有break;

如果整个switch下都没有,则从匹配成功出开始运行,直到switch结束。

2、循环

for(var i=0;i<10;i++){

alert(1);

}

运行顺序,先1,然后进入2判定,判定成功进入4执行代码,再进入3改变条件,再进入2判定,

判定成功进入4,判定失败结束。

5、数组

6、方法

知识:

var   b   =   Math.floor(a);  //取整
alert(b); var c = Math.ceil(a); //向上取整,取整 +1
alert(c); var d = Math.round(a); //四舍五入
alert(d);

注意:

1、java代码大小敏感

true/false

TRUE/FALSE

2、结束符号

在javascript里边,该分号不是必须,但是推荐使用。

JavaScript基础内容的更多相关文章

  1. JavaScript基础内容中的函数详解

    函数 函数:即方法 函数就是一段预先设置的功能代码块,可以反复调用,根据输入参数的不同,返回不同的值. 为什么使用函数: 1.方便调用 2.代码重用,利于维护 3.便于修改,便于重构 4.简化逻辑,利 ...

  2. JavaScript基础进阶之常用字符串方法总结

    前面三篇文章简单的把JavaScript基础内容过了一遍,我们已经可以用JavaScript写一些简单的代码了. 今天主要总结一下JavaScript中String对象中自带的一些方法,来帮助我们处理 ...

  3. Javascript 思维导图 绘制基础内容(值得一看)

    来源于:http://www.cnblogs.com/coco1s/p/3953653.html javascript变量 javascript运算符 javascript数组 javascript流 ...

  4. JavaScript基础

    JavaScript基础 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处 ...

  5. 一步步学习javascript基础篇(0):开篇索引

    索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等 ...

  6. 前端之JavaScript基础

    前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...

  7. Javascript基础回顾 之(三) 面向对象

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  8. Javascript基础回顾 之(二) 作用域

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

  9. Javascript基础回顾 之(一) 类型

    本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...

随机推荐

  1. js语法基础入门(2)

    2.变量 2.1.变量的声明 声明变量的时候没有赋值,默认输出undefined //通过var 声明一个变量 var user: //默认输出undefined 可以同时声明多个变量 var use ...

  2. SpringBoot开发案例之异常处理并邮件通知

    前言 在项目开发中,对于异常处理我们通常有多种处理方式,比如:控制层手动捕获异常,拦截器统一处理异常.今天跟大家分享一种注解的方式,统一拦截异常并处理. 异常处理 在spring 3.2中,新增了@R ...

  3. 第 11 篇:基于 drf-haystack 的文章搜索接口

    作者:HelloGitHub-追梦人物 在 django 博客教程中,我们使用了 django-haystack 和 Elasticsearch 进行文章内容的搜索.django-haystack 默 ...

  4. 《The Design of a Practical System for Fault-Tolerant Virtual Machines》论文总结

    VM-FT 论文总结 说明:本文为论文 <The Design of a Practical System for Fault-Tolerant Virtual Machines> 的个人 ...

  5. WIN10有线网络反复断开解决方法

    最近家里台式机碰到一个奇怪的问题,开机之后有线网络就时断时续,右下角网络图标不停在小地球与小电脑之间切换.网上大概搜索了一下,貌似碰到这种问题的朋友不在少数,但大部分朋友碰到的都是无线网络居多.这里把 ...

  6. 关于gulp复制文件时把整个目录结构都复制的问题解决

    有这么个场景,在开发时分模块开发,但是发布时不一定将按模块分布,比如,为了便于开发,图片是按照模块存放的,但是发布时只是放在images文件夹下,此时就需要用到本文中提到的插件gulp-flatten ...

  7. 从上到下打印二叉树(剑指offer-22)

    题目描述 从上往下打印出二叉树的每个节点,同层节点从左至右打印. 题目解析 使用队列来进行层次遍历,本质上就是宽搜. 题目解答 import java.util.*; /** public class ...

  8. 从0开始,手把手教你用Vue开发一个答题App

    项目演示 项目演示 项目源码 项目源码 教程说明 本教程适合对Vue基础知识有一点了解,但不懂得综合运用,还未曾使用Vue从头开发过一个小型App的读者.本教程不对所有的Vue知识点进行讲解,而是手把 ...

  9. Linux 下载工具推荐: Motrix && qbittorrent

    Linux下载介绍 Linux下其实下载工具还是蛮多的, 命令行的wget,curl,aria2,甚至于apt 但是个人日常使用下还是有图形化界面比较方便易用.大多数教程里推荐的Uget,可能是我也不 ...

  10. TB6560电机驱动器参数设置

    TB6560电机驱动器参数设置 最近接触了一些步进电机的开发,整理了一些参数设置的经验,希望能帮助到有需要的人儿~ 步进电机主要按一定的给电规律,给对应的绕组响应的电信号,电机将按一定的方向运行,而且 ...