JavaScript基础（一）-CSDN博客

本文链接：https://blog.csdn.net/slny1921394421/article/details/51959901

{====JavaScript历史====}

javascript：负责与用户进行交互。

一、javascript的历史

微软盖茨认为未来是”视窗”的世界。
网景： 1995年退出了一款浏览器（导航者）和liveScript(校验功能)，非常受欢迎。
和sun公司合作，借用了java的名字，把liveScirpt改名成javascript。 70%市场份额。
盖茨知错了,盖茨找网景的老大判断，不同意（领航者)。
盖茨一年投资20亿美元去开发JScript. 微软 :捆绑销售+免费。 45美元
1998年被美国在线的公司收购， 03年的时候网景宣布破产。
同意赔钱7亿美元拿出2千万美金成立了一个基金会（Mozilla ）谋智+ 把浏览器的源代码全部开工。

1997年欧洲的计算机协议（ECMA）组织出来给javascript规定协议。

ECMAScirpt(规范了基本的语法而已)
BOM （浏览器对象模型）
DOM (文档对象模型)

二、javascript的特点

跨平台
安全性。（javascript的代码不能直接访问硬盘的内容）

三、javascript与java之间区别

javascript是属于网景公司产品， java是sun公司的产品。
javascript是基于对象的语言，java是面向对象的语言。
javascript是解释型语言，java是解释、编译型语言。
javascript是弱类型语言， java 是强类型语言。

java中声明变量的时候必须要明确该变量的数据类型。
javascript声明变量不需要明确是何种数据类型，任何的变量都是使用一个关键字var去声明即可。

四、如何编写javascript的代码

方式1：可以使用<script>标签体内进行编写。
    格式：
        <script type="text/javascript">
                js代码;;
        </script>   
方式2：引入外部的javascript文件。
    格式： 
        <script src="1.js" type="text/javascript"></script>
    注意： 
        1.<script>是有开始标签与结束标签的，千万不要在一个标签中结束了。
        2.如果<script>已经用于引入了js文件，那么该<script>标签体就不能再写js代码了。

五、javascript常用的函数

alert("显示的内容..") ; 弹出框        
document.write("数据") ; //向页面输出数据...

六、页面的注释

html <!--  注释的内容
css的注释  /* 注释的内容*/  
javascript：  //注释的内容 单行注释       /* 注释的内容*/ 多行注释

{====javascript的声明变量====}

一、javascript的变量声明

格式：
    var 变量名 = 数据;

声明变量要注意的事项

在javascript中声明变量是使用var关键字声明的，javascript中的变量可以存储任意的数据类型数据.
javascript中变量数据类型是根据存储的值决定的，可以随时更改存储数据的类型。
定义了多个同名的变量是，后定义的同名变量是覆盖前面定义的同名变量。
声明变量的时候可以省略var关键字，但是不建议省略。

二、javascript的数据类型

typeof 查看变量的数据类型。
使用格式：
        typeof 变量名

注意

number 小数与整数
string 字符串注意： javascript中没有字符的概念，只有字符串，字符串可以写在单引号或双引号中。
boolean 布尔数据类型，
undefined undefined代表该变量没有定义。

document.write("10数据类型是"+(typeof 10)+"<br/>");
document.write("3.14数据类型是"+(typeof 3.14)+"<br/>");
document.write("a数据类型是"+(typeof 'abc')+"<br/>");
document.write("abc数据类型是"+(typeof "abc")+"<br/>");
document.write("abc数据类型是"+(typeof true)+"<br/>");
document.write("a变量数据类型是"+(typeof a)+"<br/>");

{====字符串转换成数字====}

一、字符串转数字

parseInt()  可以把一个字符串转换成整数。
parseFloat() 可以把一个字符串转换成小数。

注意：

parseInt方法如果接收的字符串含有非数字的字符，那么parseInt方法会从字符串的首个字符开始寻找，一直找到非数字字符为止，然后就使用前面的数字字符转换成数字
NaN not a number(不是一个数字)
如果首位是0，那么就想祛除0再进行转换
如果一个字符串是以0x开头，那么会把字符串中的内容当成十六进行的数据处理的
如果是一个字符串是整数的，那么使用parseFloat还是转换成整数

var a = "12";
a = 12.64;

a = "123abc123"; /* parseInt方法如果接收的字符串含有非数字的字符，那么parseInt方法会从字符串的首个字符开始寻找，一直找到非数字字符为止，然后就使用前面的数字字符转换成数字， */
a = "a123";  // NaN not a number(不是一个数字)

a = "012"; /* 12 如果首位是0，那么就想祛除0再进行转换。*/

a = "0x10"; /* 如果一个字符串是以0x开头，那么会把字符串中的内容当成十六进行的数据处理的。 */
var b = parseInt(a);
document.write("结果："+b+"<br/>");

var c= "3.14";
c = "10";   // 如果是一个字符串是整数的，那么使用parseFloat还是转换 成整数 。
c = "100a";
c = "abc123";
c = parseFloat(c);
document.write("结果："+c+"<br/>");

二、javascript提供一个IsNaN的方法让我们判断该字符串是否是一个数字

document.write(isNaN("123")+"<br/>");
document.write(isNaN("abc123"));// is not a muber  不是一个数字。不是一个数字返回true，是一个数字返回false.

{====运算符====}

一、运算符

+ (加法、正数、连接符)

true 是1. false是0

var a = 1;
document.write((1+true)+"<br/>");
document.write((1+false)+"<br/>");
document.write("hello"+1); // hello1

除法

var a = 10;
var b = 3;
document.write("除法运算是："+(a/b)+"<br/>"); //如果两个整数相除不能整数的时候结果还是小数。

二、比较运算符

字符串与字符串的比较规则是：

情况1：能找到对应位置上的不同字符，那么就比较第一个不同字符的大小。

情况2：不能找到对应位置上的不同字符，这时候比较的是两个字符串的长度。

document.write("10大于3吗？"+(10>3)+"<br/>");
document.write("10字符串大于3字符串吗？"+("190">"19")+"<br/>"); //字符串与字符串比较
document.write("10大于字符串9吗？"+( 10 > "9")+"<br/>"); /* 字符串还可以与数字进行比较。  凡是数字与字符串 进行比较，会先把字符串转换成数字再进行比较 的。

三、逻辑运算符

document.write((true&&true)+"<br/>");
document.write((true&&false)+"<br/>");
document.write((false&&true)+"<br/>");
document.write((false&&false)+"<br/>");

document.write((true||true)+"<br/>");
document.write((true||false)+"<br/>");
document.write((false||true)+"<br/>");
document.write((false||false)+"<br/>");

注意：没有单与的。

四、三元运算符

布尔表达式?值1:值2;
var age = 10;   
document.write(age>18?"成年人":"未成年人");

{====控制流程语句====}

一、if语句

格式：
    if(判断条件){
        符合条件执行的代码   
    }   

if语句的特殊之处： 
    1. 在javascript中的if语句条件不单止可以写布尔表达式，还可以写任何的数据。

    number  非0为true, 0为false.
    string  内容不能空是true， 内容空的时候是false。
    undefined：false
    NaN:    false

* 示例

    var workAge = 0;
    var str ="";
    var b;
    if(b){
        document.write("明天过来面试！！");
    }else{
        document.write("不要在投我们公司了，不要你！");   
    }

二、选择语句

switch语句

    switch(变量){
        case 值1:&nbsp;

            break;
        case 值2：

            break;
        case 值3:

            break;

        .....

        default：

            break;

    }

特殊之处：
    1.  在javascript中case后面可以跟常量与变量还可以跟表达式。

示例

var option = "A";

var a = "A";
var score =98;
switch(option){
    case score>=90?"A":"B":
        document.write("java");
        break;
    case "B":
        document.write("ps");

    case "C":
        document.write("javascript");
        break;
    case "D":
        document.write("C++");
        break;
}