Javascript-基础

一、基本的输入状态

    win10自带输入法  webstorm

二、什么是js(javascript)

与网页进行交换的脚本语言，具有一定的逻辑性

三、js的组成部分

1.    ECMASCRIPT     定于语法规范（关键字、保留字）
2.    DOM文档对象模型（用代码控制元素）（有规范）
3.    BOM浏览器对象模型（用代码控制 前进 后退 刷新 调用打印）

四、初体验js的三句话

+1.在控制台输出

    console("你好")

+2.在页面上显示


    document.write("你好")

    document.write("<a href="#">百度</a>")

+3.对话框

alert("你好！");

五,计算脚本的特点

(1) 脚本语言。JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。
(2) 基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。
(3) 简单。JavaScript语言中采用的是弱类型的变量类型, 对使用的数据类型未做出严格的要求.
(4) 动态性。JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时,鼠标在网页中进行鼠标点击或上下移、窗口移动等操作,JavaScript都可直接对这些事件给出相应的响应。
(5) 跨平台性。JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用,前提是机器上的浏览器支持JavaScript脚本语言,目前JavaScript已被大多数的浏览器所支持。

六、标签中写代码

1, 导入JavaScript标签: <script type=“text/javascript”></script>
2, 在标签中间写js代码
第一句javascript代码：alert(“hello world!”) ;
第二句javascript代码：document.write(“亲，我在页面上，跟alert不一样噢！”);
第三句javascript代码：console.log(“我是在控制台打印的, 以后常用我！”);
注意: document.write可以输出任何HTML的代码

3, script标签可以出现多次, 且可以出现在html文件的任何地方, 建议写在<head></head>之间; 另外,同一个文件中Javascript和HTML代码, 它们的执行顺序都是自上而下，谁在前就谁先执行, 谁在后就后执行.

七、 JavaScript的注释

单行注释
// console.log("hi"); ctr+ / 当行注释快捷键
多行注释
/**
console.log("hi");
console.log("hi");
console.log("hi");
**/
多行注释 shift+alt+a
注意:多行注释的快捷点非常不友好,就改掉快捷

在搜索框里输入 shift+alt+a
改快捷键 ctr+shift+/

八、 charset 设置字符串编码集 (了解)

<script  charset="utf-8">
</script>

九、数据类型

1.ES3的时候，js的数据类型只有6个

string 字符串类型，由一组双引号或者一组单引号组成。
number 数值类型，它包含（整形，浮点） 浮点小数点类型
注意：NaN:( not a number )值为number 0/0=NaN
boolean 布尔类型，值只有 true真，flase假
null 空指针（值为空）
undefine 未定义类型，声明变量不赋值，默认类为undefined
object 对象类型（引用类型）
  系统定义：Object，Array，function,Date...
自定义的：构造函数或者 类 定义自己的类型

十、如何定义变量

定义变量使用var关键字 var variable
var strName;//它的默认值是undefine


####十一、命名规则：
1, 变量名可以是数字,字母,下划线_和美元符$组成;
2, 第一个字符不能为数字
3, 不能使用关键字或保留字

常用的关键字：

常用关键字.PNG

常用保留字.PNG

4, 标识符区分大小写，如：age和Age是不同的变量。
但强烈不建议用同一个单词的大小写区分两个变量。
5, 变量命名尽量遵守驼峰原则: myStudentScore
6, 变量命名尽量见名思意,

十二、布尔类型的转换：

Boolean 类型的转换规则: (牢记)
String: 非空字符串为true, 空字符串为false
Number: 非0数值为true, 0或者NaN为false
Object: 对象不为null则为true, null为false
Undefined : undefined为false
NaN：值为false

十三、其他类型转number类型

1.隐式转换
除了加法以外的运算，都是隐式转换，还有 = 也能做隐式转换

var sName="100";
sName-0 //100
sName*1 //100

2.强制转换
1.使用Number()函数将参数转换为一个数字(不能转换带单位的)

Number(stringNum)

2.使用parseInt()函数将参数转换为一个整数(舍弃掉小数点后以及字符串的单位)

parseInt(stringNum)

3.使用parseFloat()函数将参数转换为一个浮点数(舍弃数据单位，并保留小数点后的数据)

parseFloat(stringNum)

stringNum 表示浮点型的字符串。

十四、案例操作

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>作业</title>
</head>

<script>
    //  2, 入职薪水10K，每年涨幅入职薪水的5%，50年后工资多少？
    var money = 10000;
    var money50 = 10000 + (10000 * (5 / 100)) * 49;
    document.write("入职薪水10K，每年涨幅入职薪水的5%，50年后工资：" + money50 + " ////////////////////");

    //  3, 为抵抗洪水，战士连续作战89小时，编程计算共多少天零多少小时？
    var hour = 89;
    var day = hour / 24;
    days = parseInt(day);
    var time = hour % 24;
    document.write("抗洪战士作战" + days + "天" + time + "小时  /////////////// ");

    //  4, 小明要到美国旅游，可是那里的温度是以华氏度为单位记录的。它需要一个程序将华氏温度（80度）转换为摄氏度，
    //  并以华氏度和摄氏度为单位分别显示该温度。提示：摄氏度与华氏度的转换公式为：摄氏度 = 5/9.0*(华氏度-32)
    var huashi = 80;
    var sheshi = 5 / 9 * (80 - 32);
    sheshidu = parseFloat(sheshi);
    document.write(huashi + "华氏度=" + sheshidu + "摄氏度 //////////////");

    //  5, 给定一个三位数，分别把这个数字的百位、十位、个位算出来并显示。
    var shu = 567;
    var bai = 567 / 100;
    baiwei = parseInt(bai);
    var shi = 567 / 10 % 10;
    shiwei = parseInt(shi);
    var ge = 567 % 10;
    document.write("567的" + baiwei + "是百位上数字   " + shiwei + "是十位上数字   " + ge + "是个位上数字  //////////////// ");

</script>
<body>

</body>
</html>

Javascript-基础