欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScript(js)笔记一

程序员文章站 2022-06-16 22:07:00
js注释 JavaScript注释与Java注释相同 js五大基本类型:   number(数值型)、string(字符串性)、boolean(布尔型)、undefined类型、null类型 number 包括:数值类型、包含整型、浮点型、NaN和Infinity(无穷大)。 关 ......

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 方法

一些其他方法: