JavaScript笔记(本文中将JavaScript简写为JS)

JS对大小写敏感

JS代码块的作用域都是全局的

JS的数组只能使用数字作为下标

JS对浮点型数据的精确度很难确定

JS在定义数组元素以及对象,在最后不能添加逗号

JS 中,变量可以在使用后声明,也就是变量可以先使用再声明,但不适用于已初始化的变量

JS严格模式:

严格模式通过在脚本或函数的头部添加 use strict; 表达式来声明。

JavaScript笔记(本文中将JavaScript简写为JS)_第1张图片

严格模式的限制:

1.不允许删除变量、对象以及函数

2.不允许使用转义字符

3.不允许使用八进制

4.变量名不能使用 "eval"、"arguments"字符串

JS常用关键字:

JavaScript笔记(本文中将JavaScript简写为JS)_第2张图片

JS let关键词:

作用:使块级作用域内声明的变量与块外独立(包括for循环中下标变量)

var x = 10;
// 这里输出 x 为 10
{ 
    let x = 2;
    // 这里输出 x 为 2
}
// 这里输出 x 为 10

JS const关键词:

使用 const 定义的对象或者数组,其实是可变的。

// 创建常量对象
const car = {type:"Fiat", model:"500", color:"white"};
 
// 修改属性:
car.color = "red";
 
// 添加属性
car.owner = "Johnson";
// 创建常量数组
const cars = ["Saab", "Volvo", "BMW"];
 
// 修改元素
cars[0] = "Toyota";
 
// 添加元素
cars.push("Audi");

JS表单验证:

名字:
function validateForm() {
    var x = document.forms["myForm"]["fname"].value;
    if (x == null || x == "") {
        alert("需要输入名字。");
        return false;
    }
}

JS中未进行声明的变量将自动被定义为全局变量

在代码中可在字符组(个人自创)中用反斜杠连接上下行字符串

document.write("你好 \
世界!");

JS更改HTML:

x=document.getElementById("demo");  //查找元素
x.innerHTML="Hello JavaScript";    //向x输入新内容
x.style.color="#ff0000";   //改变x的样式

JS输出方式:

alert()        //警告
console.log()        //输出到浏览器控制台
ducument.write()        //写入文档写入

JS数据类型与数值:

JS注释形式与C/C++相同

JS数据类型:数字、布尔值、空值(null)、字符/字符串、集合、对象(本质是字典)

同时,JS可以在字符串中使用引号,只要不匹配包围字符串的引号即可

JS中声明新变量时,可以使用关键词 "new" 来声明其类型:

var carname=new String;
var y=      new Boolean;
var cars=   new Array;
var person= new Object;

JS替换文本:

const name = 'Runoob';
const age = 30;
const message = `My name is ${name} and I'm ${age} years old.`;

JS for-in循环:

var person={fname:"Bill",lname:"Gates",age:56}; 
 
for (x in person)  // x 为属性名
{
    txt=txt + person[x];
}

JS错误处理:

function myFunction() {
  var message, x;
  message = document.getElementById("p01");
  message.innerHTML = "";
  x = document.getElementById("demo").value;
  try { 
    if(x == "") throw "值是空的";
    if(isNaN(x)) throw "值不是一个数字";
    x = Number(x);
    if(x > 10) throw "太大";
    if(x < 5) throw "太小";
  }
  catch(err) {
    message.innerHTML = "错误: " + err + ".";
  }
  finally {
    document.getElementById("demo").value = "";
  }
}

 错误详细信息的获取:error.message

JS对象属性的两种访问形式 :

person.lastName;
person["lastName"];

JSON:

 

 HTML常见事件:

JavaScript笔记(本文中将JavaScript简写为JS)_第3张图片

 Date函数:

JavaScript笔记(本文中将JavaScript简写为JS)_第4张图片

 JavaScript笔记(本文中将JavaScript简写为JS)_第5张图片

 科学计数法:123e-3  =  0.123

img标签中的属性decoding="async"时,表示通过异步解码图像,加快内容显示

Date()        获取当前时间

JS字符串亦自带length()、split()、indexof()、lastIndexOf()

特殊转义字符:\r—回车        \b—退格        \f—换页

‘===’:绝对相等

JS‘+’可用于连接字符串

JS中可以对指定代码块进行标记,让break和continue跳过指定代码

JS return语句不用加分号

你可能感兴趣的:(网页开发,笔记,javascript)