javascript字符串操作与定时器学习笔记

最新推荐文章于 2024-05-31 22:41:13 发布

晚风挽着浮云

最新推荐文章于 2024-05-31 22:41:13 发布

阅读量793

点赞数 1

分类专栏： Web前端文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/weixin_57636278/article/details/123395878

版权

Web前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

字符串操作

字符串在 JavaScript 中几乎无处不在，在你处理用户的输入数据的时候，在读取或设置 DOM对象的属性时，在操作 cookie 时，当然还有更多。JavaScript 的核心部分提供了一组属性和方法用于通用的字符串操作，如分割字符串，改变字符串的大小写，操作子字符串等。

两种添加内容的方式：

<body>
    <div id="ok">
        <!-- <p>君不见黄河之水天上来，</p>
        <p>奔流到海不复回。</p>
        <p>君不见高堂明镜悲白发，</p>
        <p>朝如青丝暮成雪。</p> -->
    </div>
</body>
  <script>
      var a = '好好学习，天天向上!';
      console.log(a.length);
      //获取字符串的长度
      var dok = document.getElementById("ok");
    //   ``反引号的使用
      var author = "李白";
      dok.innerHTML =  "<p>"+author+"</p><p>君不见黄河之水天上来，</p> <p>奔流到海不复回。</p> <p>君不见高堂明镜悲白发，</p> <p>朝如青丝暮成雪。</p>";
      dok.innerHTML = `
      <p>李白</p>
      <p>君不见黄河之水天上来，</p>
        <p>奔流到海不复回。</p>
        <p>君不见高堂明镜悲白发，</p>
        <p>朝如青丝暮成雪。</p>
      `
</script>

    var s = "hEllO woRlD";
      console.log(s.toUpperCase(),s.toLowerCase());

toUpperCase()大写 toLowerCase()小写

 //   split(规则)以某种规则将字符串转换为数组
    var str = "你-好-世界";
    var arr = str.slice("-");
    console.log(arr);

 // indexOf()下标
    var ss = "23445";
    console.log(ss.indexOf(4));

  // substring(start,end) [区间) substr(start,length)
    
    var aa = "门前大桥下，游过一群鸭";
    console.log(aa);
    console.log(aa.substring(0,2));
    console.log(aa.substr(2,4));

  // replace(x,y) 字符串替换
    var dd  = "好好学习天天向上";
    console.log(dd);
    console.log(dd.replace("好好","努力"));

  //转义字符
    var rr = "我喜欢吃西瓜";
    console.log(rr);
    var rr = "我喜欢\n吃西瓜";
    console.log(rr);

定时器操作

当你需要延时或每隔一段时间执行代码时，这时你就需要学习定时器的知识了，定时器是 JS 动效的核心，也可用来实现轮询等效果，掌握定时器使用方法是 Web 开发的重要技能之一。

  // setTimeout(fn,time);
    // 延迟time后,执行
    // setInterval(fn,time);
    // 每隔一段time后,执行
    setTimeout(function(){
           console.log("hello");
    },1000)
    setInterval(function() {
        console.log("world");
    }, 1000);

   var timer = null;
    var count = 0;
    timer = setInterval(function() {
        count++;
        if( count == 10){
             clearInterval(timer);
        }
        console.log("要努力学习呀！");
    }, 1000);

备注：如有错误，请谅解！

此文章为本人学习笔记，仅供参考！如有重复！！！请联系本人！

晚风挽着浮云

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
javascript字符串操作与定时器学习笔记

字符串操作字符串在 JavaScript 中几乎无处不在，在你处理用户的输入数据的时候，在读取或设置 DOM对象的属性时，在操作 cookie 时，当然还有更多。JavaScript 的核心部分提供了一组属性和方法用于通用的字符串操作，如分割字符串，改变字符串的大小写，操作子字符串等。两种添加内容的方式：<body> <div id="ok"> <!-- <p>君不见黄河之水天上来，</p> ...
复制链接

扫一扫