JavaScript简单入门（下）

m0小麦麦

已于 2022-09-29 16:42:49 修改

阅读量255

点赞数

分类专栏： JavaScript 文章标签： javascript 开发语言 ecmascript

于 2022-09-29 11:04:08 首次发布

本文链接：https://blog.csdn.net/m0_70955866/article/details/127103275

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

上一节我们介绍了js的函数定义以及数组的创建和一些简单的操作，本节我们将继续讲解js中的字符串对象、自定义对象、windows对象

1.字符串对象

定义

方法一：var 变量名 = new String("变量值");

方法二：var 变量名 = "变量值"(双引号) 或者 '变量值'（单引号）;

例如：

 var str1 = new String("你好");
   console.log(str1);
   console.log(typeof(str1));

   var str1 = "你好";
   console.log(str1);
   console.log(typeof(str1));

   var str2 = '你好';
   console.log(str2);
   console.log(typeof(str2));

常用方法

trim()方法的作用为取出字符串两边的空格

charAt(int参数)返回参数对应的字符，字符串下标从零开始

indexOf(字符)返回字符第一次出现的索引

trim()方法

   var str1 = "    你好   ";
   console.log(str1);
   console.log(str1.trim());

trim()方法通常使用在接收用户输入的字符串时消除用户错误输入的空格

charAt(int参数)

   var str1 = "asdfgh";
   console.log(str1);
   console.log(str1.charAt(0));//js中的字符串下标从零开始
   console.log(str1.charAt(3));

indexOf('字符')

   var str1 = "asdfgh";
   console.log(str1);
   console.log(str1.indexOf('a'));
   console.log(str1.indexOf('d'));

2.自定义对象

定义

var 对象名 = {
        属性名1：属性值1，
        属性名2：属性值2，
        ...

        函数名：function(参数列表){
            
        }
    }

例如

var person = {
        name:"张三",//属性定义
        age:20,
        grade: 95,

        masse:function(){
            document.write(person.name + "今年" + person.age + "岁，在这次的数学考试中考得了" +                 person.grade + "分");//获取属性值
        }
    };
person.masse();//调用person对象的masse函数

3.window对象

常用方法

alert 弹窗提示

confirm 弹出具有确定/取消按钮的弹窗

prompt弹出一个有输入框的窗口

setInterval(函数体，毫秒数) 循环进行：每间隔给定的毫秒数执行一次函数

setTimeout(函数体，毫秒数) 只执行一次：每间隔给定的毫秒数执行一次函数

alert()

弹窗我们应该很熟悉了

var flag = confirm("你确定要删除？");

alert(flag);

confirm()

        var flag = confirm("你确定要删除？");

        constructor(flag);

prompt()

        var num = prompt("请输入一个数字");
        alert(num);

setInterval(函数体，毫秒数)

setTimeout(函数体，毫秒数)

        setInterval(function(){
            document.write("我一直执行");
        },2000);

        setTimeout(function(){
            document.write("我只执行一次");
        },3000)

使用setInterval(函数体，毫秒数)实现自动关灯开灯效果

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
</head>
<body>
    <img id="light" src="./images/bg1.png">
</body>
<script>
        function off(){
            document.getElementById("light").src="./images/bg1.png";
        }

        function open(){
            document.getElementById("light").src="./images/bg2.png";
        }

        var index = 0;

        setInterval(function(){
            if(index % 2 == 0){
                off()
            }else{
                open()
            }
            index ++;
        },1000);
</script>
</html>