JavaScript笔记

最新推荐文章于 2024-10-02 05:39:15 发布

buzhbuzh

最新推荐文章于 2024-10-02 05:39:15 发布

阅读量423

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/buzhbuzh/article/details/72026847

版权

JavaScript

Java个Java之间的区别
1所属于的公司不同
2.javascript是基于对象的语言，java是面向对象的语言。
3.javascript是解释型语言，Java是编译型语言
4.Javascript是弱类型语言，Java是强类型语言
Javascript中任何变量都可以用var去声明。
编写javascript代码的方式：
1.方式1：可以使用

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

2.方式二
```
    <script src="1.js" type="text/javascript"></script>
```
注意事项：
    1.<script>是有开始标签和结束标签的。
    2.如果<script>引入了js文件，那么<script>标签体不能在写js代码

js的常用·函数

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--

    html: 负责了一个页面的结构.

    css: 负责了一个页面的样式。

    javascript： 负责与用户进行交互

1997年欧洲的计算机协议（ECMA）组织出来给javascript规定协议。
    1. ECMAScirpt(规范了基本的语法而已)
    2. BOM （浏览器对象模型）
    3. DOM  (文档对象模型)

javascript的特点：  
    1. 跨平台
    2. 安全性。 （javascript的代码不能直接访问硬盘的内容） 

javascript与java之间区别 ：
    1. javascript是属于网景公司产品， java是sun公司的产品。
    2. javascript是基于对象的语言，java是面向对象的语言。
    3. javascript是解释型语言，java是解释、编译型语言。
    4. 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：  //注释的内容  单行注释          /* 注释的内容*/ 多行注释



-->

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

</script>

<script type="text/javascript">
    alert("呵呵");
</script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
</body>
</html>

变量的声明

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script>
/*
javascript的变量声明：
    格式：
        var 变量名 = 数据;


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


javascript的数据类型：

    typeof 查看变量的数据类型。

    使用格式：

            typeof 变量名      

javascript的数据类型：

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





</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
</body>
</html>

字符串转数字

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
/*
    字符串转数字
        parseInt()  可以把一个字符串转换成整数。
        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的方法让我们判断该字符串是否是 一个数字。

      is not a muber  不是一个数字。

      不是一个数字返回true，是一个数字返回false.
*/


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

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


</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
</body>
</html>

运算符

+:加法，正数，连接符
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;
    docuemtn.write("除法运算是:"+(a/b));
    如果两个整数相除的不能得整数时候还是小数。
比较运算符：
    字符串和字符串比较的结果是：
        1.可以找到对应位置上的不同字符的时候，那么就比较第一个字符的大小
        2.不能找到对应位置上的不同的字符时候，这时候比较的是两个字符串的长度。
        document.write("10大于3吗?"+(10>3)+"<br/>");
        document.write("10大于字符串9吗?"+(10 > "9")+"<br/>");//字符串可以和数字进行比较，把字符串转换成数字在进行比较

流程控制语句

    if语句:
        格式：if(判断条件){
            符合条件执行的代码
        }
    if语句的特殊之处：
        1.在javascript中if语句判断可以写任何数据
        number 非0为true 0是false
        String 内容不为空是true,空是false
        undefine: false
        NaN; false
    switch语句：
        switch(变量){
            case 值1：
            break;
            case 值2：
            break;
            case 值3：
            break；
            default:
                break;
        }
        特殊之处：
            1.在javascript中的case后面可以根常量与变量还有表达式