zoukankan      html  css  js  c++  java
  • javascript (js) 笔记 (摘抄)

    js注释

    JavaScript注释与Java注释相同

    // 单行注释
    
    /* 
        多行注释
    */

    js五大基本类型:

      number(数值型)、string(字符串性)、boolean(布尔型)、undefined类型、null类型
    number包括:数值类型、包含整型、浮点型、NaN和Infinity(无穷大)。

    关于数组的空间长度问题:

      如何获取数组的空间长度:
        通过length属性获取数组的空间长度
      数组的length详解:
        java:只读属性
         js:读写属性

    数组元素的默认值:

      java

          1、整数类型(byte、short、int、long)的基本类型变量的默认值为0。

          2、浮点型(float、double)的基本类型变量的默认值为0.0。

          3、字符型(char)的基本类型变量的默认为 “/u0000”。

          4、布尔性的基本类型变量的默认值为 false。

          5、引用类型的变量是默认值为 null(null就是空对象)。

       js:undefined

    JavaScript 输出

    JavaScript 没有任何打印或者输出的函数。
    JavaScript 可以通过不同的方式来输出数据:
      使用 window.alert() 弹出警告框。
      使用 document.write() 方法将内容写到 HTML 文档中。
      使用 innerHTML 写入到 HTML 元素。
      使用console.log() 写入到浏览器的控制台。

    js数组排序:

      sort(): 函数按照字符串顺序对值进行排序。
      数组.sort(function(a, b){return a - b});

    //字符串数组(字母顺序对数组进行排序)
    var arr_str = ["Banana", "Orange", "Apple", "Mango"];
    var arr_str_sort = arr_str.sort();
    document.write(arr_str_sort);
    
    //整形数组
    var arr = [9,5,1,2,7,6,4,3,0];
    var arr_sort = arr.sort(function(a, b){return a - b});
    console.log(arr_sort);

    解决js代码放在标签前面或<head>内导致js代码无效的解决方案:

    使用<script>无效的解决方案:

    window.οnlοad = function() {
        //js代码
    }

    使用jquery无效的解决方案:

    $(document).ready(function() {
        //js代码
    })

    假设法:

      1、定义一个变量,标记该变量的值为true。
      2、推翻假设,把标记的值修改为false,并且跳出循环。
      3、如果标记的值依旧为true,则证明为真;
        如果标记的值修改为false,则证明为假

    // 1.通过询问框获得一个正整数
    var num = prompt("请输入一个正整数");
    // a)假设num就是一个质数
    var flag = true; // 设置标记的值为true
    // 2.通过循环获得[2, num)之间所有的整数
    for(var i = 2; i < num; i++) {
        // b)判断num是否能被i整除。
        if(num % i === 0) {
            // 此处已经证明num不是一个质数,那么推翻假设,修改标记的值
            flag = false;
            // 因为此处已经确定num不是一个质数,所以后续循环没必要进行,那么我们需要跳出循环
            break;
        }
    }
    // c)价差flag标记的值,从而确定num是否是一个质数
    if(flag) { // flag == true
        document.write(num + "是一个质数");
    } else { // flag == false
        document.write(num + "不是一个质数");
    }

    常见的HTML事件

    下面是一些常见的HTML事件的列表:

    事件描述
    onchange HTML 元素改变
    onclick 用户点击 HTML 元素
    onmouseover 用户在一个HTML元素上移动鼠标
    onmouseout 用户从一个HTML元素上移开鼠标
    onkeydown 用户按下键盘按键
    onload 浏览器已完成页面的加载

    条件语句

    在 JavaScript 中,我们可使用以下条件语句:

    • if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码

    • if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码

    • JavaScript三目运算 - 当条件为true 时执行代码,当条件为 false 时执行其他代码

    • if...else if....else 语句- 使用该语句来选择多个代码块之一来执行

    • switch 语句 - 使用该语句来选择多个代码块之一来执行

    常用的正则表达式及使用方法:

    在 JavaScript 中,正则表达式通常用于两个字符串方法 : search() 和 replace()。

      search() 方法 用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,并返回子字符串的起始位置。

      replace() 方法 用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子字符串。

        (详情参照:https://www.runoob.com/js/js-regexp.html)

    /*是否带有小数*/
    function    isDecimal(strValue )  {  
       var  objRegExp= /^d+.d+$/;
       return  objRegExp.test(strValue);  
    }  
    
    /*校验是否中文名称组成 */
    function ischina(str) {
        var reg=/^[u4E00-u9FA5]{2,4}$/;   /*定义验证表达式*/
        return reg.test(str);     /*进行验证*/
    }
    
    /*校验是否全由8位数字组成 */
    function isStudentNo(str) {
        var reg=/^[0-9]{8}$/;   /*定义验证表达式*/
        return reg.test(str);     /*进行验证*/
    }
    
    /*校验电话码格式 */
    function isTelCode(str) {
        var reg= /^((0d{2,3}-d{7,8})|(1[3584]d{9}))$/;
        return reg.test(str);
    }
    
    /*校验邮件地址是否合法 */
    function IsEmail(str) {
        var reg=/^w+@[a-zA-Z0-9]{2,10}(?:.[a-z]{2,4}){1,3}$/;
        return reg.test(str);
    }
    

    js中Window 方法

    一些其他方法:

    • window.open() - 打开新窗口
    • window.close() - 关闭当前窗口
    • window.moveTo() - 移动当前窗口
    • window.resizeTo() - 调整当前窗口的尺寸
  • 相关阅读:
    sublime 复制黏贴等快捷键修改
    python自定义函数在Python解释器中调用
    MQTT之 Mosquitto hello world的使用
    Java传入参数个数不确定可用(Type ... values)
    mac 下周期调度命令或脚本
    git 小乌龟安装教程
    Git学习笔记(二)
    关于github报错connect to host github.com port 22: Connection timed out的解决
    Git学习笔记(一)
    爬虫过程中需要注意的问题
  • 原文地址:https://www.cnblogs.com/5254kghhgkj/p/11740502.html
Copyright © 2011-2022 走看看