前端学习——JavaScript&HTML&CSS(1)

以前学习过,有一定的基础,对于之前不清楚的做个快速的梳理,打好基础。


1 JavaScript

1.1 输出

<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;//访问 HTML 元素
document.write(5 + 6);//一般用于测试
window.alert(5 + 6);//弹出警告框显示数据
console.log(5 + 6);//写入浏览器控制台
</script>
</body>
</html> 

1.2 值、变量及数据类型

  • 字符串是文本,由双引号或单引号包围
  • var关键词来声明变量
  • 值可以是多种类型,比如数值和字符串。例如
    x = "Bill" + " " + "Gates"; //"Bill Gates"
    x = 3 + 5 + "8"; //"88"
    x = "8" + 3 + 5; //"835"
  • JavaScript 拥有动态类型。这意味着相同变量可用作不同类型。
  • 超大或超小的数值可以用科学计数法来写。
var y = 123e5;      // 12300000
var z = 123e-5;     // 0.00123
  • null 的数据类型是对象,您可以通过设置值为null清空对象,可以通过设置值为undefined清空对象。
原始数据 复杂数据
string,number,boolean,undefined function,object
  • 对象也是变量。但是对象包含很多值。
var x = new String();        // 把 x 声明为 String 对象
var y = new Number();        // 把 y 声明为 Number 对象
var z = new Boolean();       //	把 z 声明为 Boolean 对象

var person = {
  firstName: "Bill",
  lastName : "Gates",
  id       : 678,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};
  • 在函数定义中,this 引用该函数的“拥有者”。
  • 如果您不使用()访问方法,则将返回函数定义。
  • 反斜杠转义字符把特殊字符转换为字符串字符:单引号、双引号、反斜杠。

1.3 字符串

代码 结果 代码 结果 代码 结果
\' 单引号 \f 换页 \b 退格键
\" 双引号 \n 新行 \t 水平制表符
\\ 反斜杠 \r 回车 \v 垂直制表符
  • 不要把字符串创建为对象。它会拖慢执行速度。new 关键字使代码复杂化。也可能产生一些意想不到的结果。
  • 当使用==相等运算符时,相等字符串是相等的;当使用===运算符时,相等字符串是不相等的,因为===运算符需要类型和值同时相等。JavaScript 对象无法进行对比。
  • 内建属性length可返回字符串的长度。
  • indexOf() 方法返回字符串中指定文本首次出现的索引(位置);lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引。两种方法都接受作为检索起始位置的第二个参数。
  • search() 方法搜索特定值的字符串,并返回匹配的位置。
    提取部分字符串
  • 有三种提取部分字符串的方法:
//省略第二个参数,则将裁剪字符串的剩余部分
slice(start, end); 
substring(start, end); 
substr(start, length); 
  • 替换字符串内容:replace() 方法,默认只替换首个匹配(替换所有匹配,请使用正则表达式的 /g ),对大小写敏感(大小写不敏感,正则表达式 /i)。
  • 大写和小写互相转换
toUpperCase(); //转大
toLowerCase(); //转小

1.4 数组

  • toString() 把数组转换为数组值(逗号分隔)的字符串。
  • join() 方法也可将所有数组元素结合为一个字符串,可以规定分隔符。
  • Popping() Pushing() :从数组弹出项目,或向数组推入项目。(数组结尾)
  • shift() 会删除首个数组元素,并把所有其他元素“位移”到更低的索引;unshift() 向数组添加新元素,并“反向位移”旧元素。(数组开头)
  • 使用delete 来删除,留下的未定义的空洞,使用 pop() 或 shift() 取而代之。
  • splice() 方法可用于向数组添加新项。在数组中不留“空洞”的情况下移除元素。
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

1.5 表单

猜你喜欢

转载自www.cnblogs.com/20199321zjy/p/12654881.html