码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • Javascript知识【JS-String对象&JS-Array对象&验证码切换】


    • 💂 个人主页: 爱吃豆的土豆
    • 🤟 版权: 本文由【爱吃豆的土豆】原创、在CSDN首发、需要转载请联系博主
    • 💬 如果文章对你有帮助、欢迎关注、点赞、收藏(一键三连)和订阅专栏哦
    • 🏆人必有所执,方能有所成!

    • 🐋希望大家多多支持😘一起进步呀!

    目录

    1,JS-String对象(频繁)

    2,JS-Array对象(频繁)

    3,JS-案例:验证码切换


    1,JS-String对象(频繁)

    <script>
        var str = "hello world";
        console.log(str.length);
        console.log(str.charAt(4));
        console.log(str.substring(6));
        document.write(str+"
    "
    );
        document.write(str.big());
    script>

    String:

    和java通用方法:charAt() concat() substring() split() replace()...

    和特效有关的方法(会加标签):big() blink()...

    JS特有的:substr()....

    2,JS-Array对象(频繁)

    <script>
        var arr = [11,22,33];
        console.log(arr.length);
        console.log(arr.join("#"));
        console.log(arr.pop());
        console.log(arr);
        console.log(arr.push(44,55,66));
        console.log(arr);
        console.log(arr.reverse());
        console.log(arr);
    script>

     看作java中ArrayList

    3,JS-案例:验证码切换

    html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>title>
        <script type="text/javascript">
            function change(){
                //进行验证码切换
                var img = document.getElementById("verifyCodeImage");
                img.src="http://localhost:8080/vc/verifyCode?t="+new Date().getTime();
            }
        script>
    head>
    <body>
    <img id="verifyCodeImage" src="http://localhost:8080/vc/verifyCode" onclick="change()" style="cursor: pointer;"/>
    <a href="javascript:void(0)" onclick="change()">看不清,换一张a>
    body>
    html>

    小结:

    想要通过src切换图片,改变src路径,如果src路径不能改变,但还要进行再次访问。通过改变?的参数列表,来让地址栏和之前产生区别

  • 相关阅读:
    Linux/Ubuntu/Arm设备中通过/proc/stat等文件计算Cpu使用率
    基于驱动框架编写驱动代码
    Docker在边缘计算中的崭露头角:探索容器技术如何驱动边缘计算的新浪潮
    ARP协议map4(3层网络层的协议)
    Kafka 实战使用、单机搭建、集群搭建、Kraft集群搭建
    springboot和vue:十三、VueX简介与安装与推荐视频+前端数据模拟MockJS
    力扣labuladong一刷day11拿下打家劫舍问题共3题
    如何将OAK相机当做网络摄像头使用?
    【LeetCode】三个无重叠子数组的最大和 [H](动态规划)
    数据可视化:Metabase
  • 原文地址:https://blog.csdn.net/m0_64550837/article/details/126214586
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号