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= /^((0\d{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() - 调整当前窗口的尺寸
优质内容筛选与推荐>>
1、ThoughtWorks的专业精神|MD脑洞
2、PHP7性能翻倍关键大揭露
3、Elastic-Job动态添加任务
4、微服务产品级敏捷的问与答:PI节奏
5、Android启动过程分析-从按下电源键到第一个用户进程[转载]正文


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号