javascript的特点

javascript的特点

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

javasrcipt与java之间区别

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

如何编写javascript的代码

• 方式1：可以在使用<script>标签体内进行编写

  • 格式：

      <script type="text/javascript">
          js代码；
      </script>

• 方式方式2：引入外部的javascript文件

  • 格式：

      <script src="1.js" typr="text/javascript"></script>

• 注意

  • <script>是有开始标签与结束标签的，千万不要在一个标签中结束了
  • 如果<script>已经用于引入了js文件，那么该<script>标签体就不能再写js代码了

javasrcipt常用的函数

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

页面的注释

• html
• css的注释 /注释的内容/
• javasrcipt //注释的内容 单行注释 /注释的内容/ 多行注释

javascript的变量声明

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

javascript的数据类型

• typeof 查看变量的数据类型

• 使用格式：

  • typeof 变量名

• 数据类型

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

<script>
    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/>");
</script>

字符串转换成数字

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

    var a = "12";
    a = 12.64;

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

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

    /*如果一个字符串是以0x开头，那么会把字符串中的内容当成十六进行的数据处理的。*/
    a = "0x10";
    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的方法让我们判断该字符串是否是 一个数字。
    is not a muber  不是一个数字。
    不是一个数字返回true，是一个数字返回false.
    */

    document.write(isNaN("123")+"<br/>");

    document.write(isNaN("abc123"));

运算符

• + (加法、正数、连接符)
  
  • 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 ? "成年人" : "未成年人");