千峰JAVA逆战班Day57

最新推荐文章于 2024-11-02 12:42:04 发布

真的要穿格子衫吗

最新推荐文章于 2024-11-02 12:42:04 发布

阅读量116

点赞数

分类专栏： web 文章标签： javascript js

本文链接：https://blog.csdn.net/hsee2006/article/details/105682709

版权

web 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

Day57

*JSON 它是一种数据格式，形式简单，易读

json数据格式：可以将对象的属性名和属性值以键值对的形式进行存储。

Person p = new Person(10,"张三");
//将person转换为json写法：{"age":10,"name":"张三"}

*javaScript

I. 第一个JS程序

<script type="text/javascript">
	alert("1111");//这是一个弹窗
</script>

II. script标签的位置：可以放在任何你想要放的位置，但是一般的我们都放在head里面或者body之后

III. .js文件的复用：引用.js文件的script标签中不能添加别的内容，如果需要写别的内容，则要重新加一个script标签

<script type="text/javascript" src="js/弹窗.js"></script>
<script type="text/javascript">
    //这里写本页面的js代码
</script>

IV. js中的5种基本数据类型：js是一种弱类型的语言，变量的定义统一使用var关键字，变量的类型根据值来决定

number、string、boolean、undefined、null(当一个引用不存在时，为null，暂时不演示)

<script type="text/javascript">
    var a = 45;  //number
    var b = "字符串"; //string
    var flag = true; //boolean
    var c; //undefined 没有给变量值时，变量的类型就是undefined
</script>

V. 使用json格式来定义 js对象

    <script type="text/javascript">
        //对象的定义
        var p = {name:"哎哎哎",age:10}  //也可以这样写var p = {"name":"哎哎哎","age":10}
        document.write(p.age+"<br/>")
        document.write(typeof(p)+"<br/>")	//输出object
        document.write(p.name+"<br/>")
    </script>

VI. js中的数组以及数组的函数

    <script type="text/javascript">
        // 数组中可以放任何值，但是实际开发中不要这样写，会大大增加维护成本
        var arr = [1,2,3,"sss"];
        //js中的数组是动态的，可以直接这样赋值，但是不推荐
        arr[5] = "ab";
        //这里输出的值为6
        document.write(arr.length);
        
        //这里注意 var 不要写成int
        for(var i = 0; i < arr.length; i++){
            document.write(arr[i]+"<br/>");
        }
        
        arr.push(88);//往数组的末尾添加88
        var value = arr.pop();// 删除数组末尾的数据，返回值为被删除的数据
        
        //splice(index,num)从索引位置开始，删除几个
        arr.splice(0,2)
    </script>

VII. typeof的用法

    <script type="text/javascript">
        var a = "45";
        document.write(typeof a);// 查看a的类型 这里打印 string
    </script>

VIII. undefined和null

    <script type="text/javascript">
        var a ;
        var b = null;
        //ECMAScript的标准要求，undefined == null  返回true
        document.write(a == b);
    </script>

IX. 流程语句：if for while do while switch case continue break 和java中的语法都一模一样。

for each 有点不同，java中的增强for循环是直接拿到数组或集合中的值，但是JS中拿到的是下标或者key值

    <script type="text/javascript">
        var arr = [12,34,56,2];
        for (var i in arr){
            document.write(arr[i]+"<br/>")
        }

        var map = new Array(4);
        map['cn'] = '中国';
        map['us'] = '美国';
        map['jp'] = '日本';
        map['uk'] = '英国';
        for (var k in map){
            document.write(map[k]+"<br/>")
        }
    </script>

X. 函数的定义和执行。java中方法必须得依附于对象，不论是否是静态的；但是在JS中，方法也是对象

<body>
    <button id="btn">点我</button>
</body>
<script type="text/javascript">
    //获取按钮对应的dom节点
    var btn = document.getElementById("btn");
    
    //给按钮加点击事件
    //或者这样写 btm.onclick = m;
    btn.onclick = function () {
        alert(45);
    };
    //js中函数的定义function + 函数名()
    function m() {
        alert(45);
    }
</script>