JavaScript基础

标签：ext1   doc   长度   访问   替换   数据类型   txt   元素   数字运算   

前言

JavaScript 函数是一种 JavaScript 代码块，它可以在调用时被执行。

在 HTML 中，JavaScript 代码必须位于 标签之间。

<script>
function fun() {
    document.getElementById("demo").innerHTML = "js";
}
</script>

引入外部js

<script src="/js/myScript1.js"></script>

JavaScript 输出

• 使用 window.alert() 写入警告框

• 使用 document.write() 写入 HTML 输出
  提示：document.write() 方法仅用于测试。在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML

• innerHTML写入 HTML 元素。也就是从对象的起始位置到终止位置的全部内容,包括Html标签
innerText: 从起始位置到终止位置的内容, 但它去除Html标签

• 使用 console.log() 写入浏览器控制台

<script> 
document.getElementById("demo").innerText="AAA"; 
document.getElementById("demo").innerHTML="<font color=#ff0000>AAA</font>";
</script>

JavaScript 数据类型

Infinity（或 -Infinity）是 JavaScript 在计算数时超出最大可能数范围时返回的值：`typeOf Infinity 返回 number。`
NaN 属于 JavaScript 保留词，指示某个数不是合法数：`var x = NaN;    var y = 5;    var z = x + y;    // z 将是 NaN    typeof NaN;    // 返回 "number"`

Undefined 与 null 的值相等，但类型不相等：
var x;               //值是 undefined，undefined类型
var person = null;           // 值是 null，但是类型仍然是对象
typeof null                  // 返回 "object"

typeof function myFunc(){}   // 返回 "function"

var x = true;    //布尔值
var car = "";                // 值是 ""，类型是 "string"
var length = 7;                             // 数字
var lastName = "Gates";                      // 字符串

var cars = ["Porsche", "Volvo", "BMW"];         // 数组
var x = {firstName:"Bill", lastName:"Gates"};    // 对象 

• typeof来确定 JavaScript 变量的类型：typeof "" // 返回 "string"
• 任何变量均可通过设置值为 undefined 进行清空。其类型也将是 undefined。
• 当数值和字符串相加时，JavaScript 将把数值视作字符串。

JavaScript 对象

a === b ; //表示a,b是同一个对象且值相等
对象定义
var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};

var person = {
  firstName: "Bill",
  lastName : "Gates",
  id       : 678,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

1. 访问属性：
   1. objectName.propertyName
   2. objectName["propertyName"]
2. 访问对象方法:
   1. name = person.fullName();
   2. 如果您不使用 () 访问 fullName 方法，则将返回函数定义：name = person.fullName; //返回fullName : function() {return this.firstName + " " +this.lastName;}

如果通过关键词 "new" 来声明 JavaScript 变量，则该变量会被创建为对象

当在 HTML 页面中使用 JavaScript 时，JavaScript 能够“应对”这些事件。

<button onclick=‘document.getElementById("demo").innerHTML=Date()‘>现在的时间是？</button>
注：JavaScript 代码通常有很多行。事件属性调用函数更为常见：<button onclick="displayDate()">现在的时间是？</button>

特殊字符

反斜杠转义字符把特殊字符转换为字符串字符：

\'  '   单引号
\"  "   双引号
\\  \   反斜杠

字符串

1. indexOf() 方法返回字符串中指定文本首次出现的首字母索引（位置）：var pos = str.indexOf("China");
2. lastIndexOf() 方法返回指定文本在字符串中最后一次出现的首字母索引：var pos = str.lastIndexOf("China");
   注：如果未找到文本， indexOf() 和 lastIndexOf() 均返回 -1。
3. search() 方法搜索特定值的字符串，并返回匹配的首字母位置：var pos = str.search("locate");
4. 提取部分字符串(不包括尾索引)
   • 裁剪字符串中位置 7 到位置 13 的片段：var res = str.slice(7,13); //如果某个参数为负，则从字符串的结尾开始计数。
   • 如果省略第二个参数，则该方法将裁剪字符串的剩余部分：var res = str.slice(7);
   • substring() 类似于 slice()。
   • 第二个参数规定被提取部分的长度：var res = str.substr(7,6); //如果省略第二个参数，则该 substr() 将裁剪字符串的剩余部分。
5. 替换字符串内容：var n = str.replace("Microsoft", "W3School"); //默认地，replace() 只替换首个匹配
6. 转换为大写和小写：var text2 = text1.toUpperCase(); // text2 是被转换为大写的 text1
7. trim() 方法删除字符串两端的空白符：var str = " Hello World! ";str=str.trim();
8. 提取字符串字符:var str = "HELLO WORLD";str.charAt(0); // 返回 H
9. 方法返回字符串中指定索引的字符 unicode 编码：var str = "HELLO WORLD";str.charCodeAt(0); // 返回 72
10. 把字符串转换为数组：var txt = "a,b,c,d,e";// 字符串 txt.split(",");// 用逗号分隔 txt.split(" ");// 用空格分隔 txt.split("");// 分隔为字符
11. 在所有数字运算中，JavaScript 会尝试将字符串转换为数字：var x = "100"; var y = "10"; var z = x / y; // z 将是 10
12. toString() 以字符串返回数值：var x = 123; x.toString(); // 从变量 x 返回 123

数值

1. 在 JavaScript 内部使用 valueOf() 方法可将 Number 对象转换为原始值：var x = 123; x.valueOf();// 从变量 x 返回 123
2. Number() 可用于把 JavaScript 变量转换为数值：

x = true;
Number(x);        // 返回 1
x = false;     
Number(x);        // 返回 0
x = new Date();
Number(x);        // 返回 1404568027739
x = "10"
Number(x);        // 返回 10
x = "10 20"
Number(x);        // 返回 NaN

1. parseInt() 解析一段字符串并返回数值。允许空格。只返回首个数字：

parseInt("10");         // 返回 10
parseInt("10.33");      // 返回 10
parseInt("10 20 30");   // 返回 10
parseInt("10 years");   // 返回 10
parseInt("years 10");   // 返回 NaN

数组

JavaScript基础

标签：ext1   doc   长度   访问   替换   数据类型   txt   元素   数字运算   

原文地址：https://www.cnblogs.com/loveer/p/11336267.html