• javascript 基础知识点整理


    常用事件、属性基础知识点整理;

    328) javascript 学习
       328-1) 事件
        1) οnclick="info()" 鼠标点击事件
        2) οnmοuseοver="info()" 鼠标经过事件
        3) οnmοuseοver="info()" 鼠标移开事件
        4) οnfοcus="info()" 光标聚焦事件
        5) οnblur="info()" 失焦事件
        6) οnselect="info()" 内容选中事件
        7) οnchange="info()" 文本框内容改变事件
        8) οnlοad="info()" 加载事件
        9) οnunlοad="info()" 卸载事件

      328-2) 对象
        1) Date日期对象
            var rq = new Date();
           Date对象中处理时间和日期的常用方法:
              方法名称            功能描述
            get/setDate()       返回/设置日期
            get/steFullYear()   返回/设置年份,用四位数表示
            get/setYear()       返回/设置年份
            get/setMonth()      返回/设置月份。0:一月...11:十二月,索引+1
            get/setHours()      返回/设置小时,24小时制
            get/setMinutes()    返回/设置分钟
            get/setSeconds()    返回/设置秒
            get/setTime()       返回/设置时间(单位毫秒)
                例:
            getDay()            返回星期,返回的是0-6的数字,0表示是星期天
                例:
                  var mydate=new Date();
                  var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
                  document.write("今天是:" + weekday[mydate.getDay()] );

        2) String 字符串对象
           2-1)
                stringObject.length; 返回该字符串的长度。
                stringObject.toUpperCase(); 将字符串小写字母转换为大写
                stringObject.toLowerCase(); 将字符串大写字母转换为小写
           2-2)  stringObject.charAt(index);返回指定位置的字符
                若index不在0与str.length-1之间,该方法将返回一个空字符串
                例:
                     var mystr="I love JavaScript!"
                      document.write(mystr.charAt(mystr.length-1));
           2-3) stringObject.indexof(substring,startpos);  返回某个自定的字符串值在字符串中首次出现的位置。
                    substring,需检索的字符串值。startpos 可选参数,规定在字符串中开始检索的位置。检索的字符串不存在,则返回-1;
                    indexOf() 区分大小写;
      


        3) window浏览器对象
            window.open(url, [name], [configuration])
                url:为要新打开页面的url
                name:为新打开窗口的名字,可以通过此名字获取该窗口对象
                configuration:为新打开窗口的一些配置项,比如是否有菜单栏、滚动条、长高等等信息
                例: 新窗口打开一个指定宽高的网页
                    window.open("http://www.baidu.com",'','width=600,height=400');

            方法              描述
          alert()           显示带有一段小时和一个确认按钮的提示框
          prompt()          显示可提示用户输入的对话框
          confirm()         显示带有一段消息以及确认按钮和取消按钮的对话框
          open()            打开一个新的浏览器窗口或查找一个已命名的窗口
          close()           关闭浏览器窗口
          print()           打印当前窗口的内容
          focus()           把键盘焦点给与一个窗口
          blue()            把键盘焦点从顶层窗口移开
          moveBy()          可相对窗口的当前坐标把它移动指定的像素
          moveTo()          把窗口的左上角移动到一个指定的坐标
          resizeBy()        按照指定的像素调整窗口的大小
          resizeTo()        把窗口的大小调整到指定的宽度和高度
          scrollBy()        按照指定的像素值来滚动内容
          scrollTo()        把内容滚动到指定的坐标
          setInterval()     每隔指定的时间执行代码
               例: var dsq = setInterval("fun()",1000);
          setTimeout()      计时器,在指定的延迟时间之后来执行代码
               例: var i = setTimeout(代码,延迟时间);

          clearInterval()   取消 setInterval() 的设置
               例: clearInterval(dsq);
          clearTimeout()   取消 setTimeout() 的设置
               例: clearTimeout(i);

      4) history 对象
            语法: window.history.[属性|方法]
             注: window可以省略
            History 对象属性:
                        方法          描述
                        length      返回浏览器历史列表中的UTL数量
            History 对象方法:
                       back()       加载 history 列表中的前一个URL
                       forward()    加载 history 列表中的下一个URL
                       go()         加载 history 列表中的某个具体的页面
                        参数说明: 1        前一个, go(1)等价 forward()
                                  0         当前页面
                                 -1         后一个,go(-1)等价 back()
                               其它数值      要访问的 URL 在 History 列表中的相对位置
                 注: window.history.back()  === window.history.go(-1);
                      window.history.forward() === window.history.go(1);
      5) Location 对象
            语法: location.[属性|方法]
                location 对象属性:
                        属性              描述
                       hash             设置或返回并井号(#)开始的URL(锚)
                       host             设置或返回主机名和当前URL的端口号
                       hostname         设置或返回当前 URL 的主机名
                       href             设置或但会完整的 URL
                       pathname         设置或返回当前 URL 的路径部分
                       port             设置或返回当前 URL 的端口号
                       protocol         设置或返回当前 URL 的协议
                       search           设置或返回从问号(?)开始的 URL(查询部分)
                location 对象方法:
                       assign()         加载新的文档
                       reload()         重新加载当前文档
                       replace()        用新的文档替换当前文档
      6) Navigator 对象
            包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。
            对象属性:
                        appCodeName     浏览器代码名的字符串表示
                        appName         返回浏览器的名称
                        appVersion      返回浏览器的平台和版本信息
                        platform        返回运行浏览器的操作系统平台
                        userAgent       返回由客户机发送服务器的 user-agent 头部的值
                      例: navigator.appVersion;

      7) screen 对象
            用于获取用户的屏幕信息。
            语法:
                window.screen.属性
                            属性              描述
                           availHeight      窗口可以使用的屏幕高度,单位像素
                           availWidth       窗口可以使用的屏幕宽度,单位像素
                           colorDepth       用户浏览器表示的颜色位数,通常为32位(每像素的位数)
                            pixelDepth      用户浏览器表示的颜色分辨率,通常为32位(比特每像素)
                            height          屏幕的高度,单位像素
                            width           屏幕的宽度,单位像素
                注:1. 单位以像素计;2.window.screen 对象在编写时可以不使用 window 这个前缀。

  • 相关阅读:
    通过通过Monstache实时同步MongoDB数据至Elasticsearch
    抽象类和接口的区别
    Python自学笔记
    MySQL权限与安全管理
    从eBPF到Rust:让内核可观测、可编程和更安全
    做自媒体月入一千的有超过百分之十吗?
    2023年PMP考试重要时间节点来了!别说没提醒你!
    【银行测试】支付功能、支付平台、支持渠道如何测试?
    1Panel应用推荐:Uptime Kuma
    使用一个命令使您的 Python 代码更优雅、更易读或更现代
  • 原文地址:https://blog.csdn.net/qq_37301074/article/details/127786230