JavaScript学习第一天-CSDN博客

三天学会JavaScript（第一天）

JavaScript基础语法

JavaScript基础语法

1.简单的函数调用（写入文本）

使用 window.alert() 写入警告框
使用 document.write() 写入 HTML 输出
使用 innerHTML 写入 HTML 元素
使用 console.log() 写入浏览器控制台

实现简单的运算

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript 语句</h2>

<p>一行允许多条语句。</p>

<p id="demo1"></p>

<script>
var a, b, c;
a = 5; b = 6; c = a + b;
document.getElementById("demo1").innerHTML = c;
</script>

</body>
</html>

3.JavaScript关键词
JavaScript 语句常常通过某个关键词来标识需要执行的 JavaScript 动作。

关键词	描述
break
continue	跳出循环并在顶端开始
do … while	执行语句块，并在条件为真时重复代码块。
for	标记需被执行的语句块，只要条件为真。
function	声明函数。
try … catch	对语句块实现错误处理。
var	声明变量。

ECMAScript 语法

数值转化

parseInt() 和 parseFloat()//前者把值转换成整数，后者把值转换成浮点数。只有对 String 类型调用这些方法，它们才能正确运行；对其他类型返回的都是 NaN。

强制转化

Boolean(value) - 把给定的值转换成 Boolean 型；
Number(value) - 把给定的值转换成数字（可以是整数或浮点数）；
String(value) - 把给定的值转换成字符串；

javascript的不同属性

1.创建数组

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

2.不同的对象

String 对象
String 对象是 String 原始类型的对象表示法，它是以下方式创建的：

var oStringObject = new String("hello world");
String 对象的 valueOf() 方法和 toString() 方法都会返回 String 类型的原始值：

alert(oStringObject.valueOf() == oStringObject.toString());	//输出 "true"
如果运行这段代码，输出是 "true"，说明这些值真的相等。

注释：String 对象是 ECMAScript 中比较复杂的引用类型之一。同样，本节的重点只是 String 类的基本功能。更多的高级功能请阅读本教程相关的章节，或参阅 JavaScript String 对象参考手册。

length 属性
String 对象具有属性 length，它是字符串中的字符个数：

var oStringObject = new String("hello world");
alert(oStringObject.length);	//输出

字符串操作

charAt() 和 charCodeAt() 方法
String 对象还拥有大量的方法。

首先，两个方法 charAt() 和 charCodeAt() 访问的是字符串中的单个字符。这两个方法都有一个参数，即要操作的字符的位置。

charAt() 方法返回的是包含指定位置处的字符的字符串：

var oStringObject = new String("hello world");
alert(oStringObject.charAt(1));	//输出 "e"
在字符串 "hello world" 中，位置 1 处的字符是 "e"。在“ECMAScript 原始类型”这一节中我们讲过，第一个字符的位置是 0，第二个字符的位置是 1，依此类推。因此，调用 charAt(1) 返回的是 "e"。

如果想得到的不是字符，而是字符代码，那么可以调用 charCodeAt() 方法：

var oStringObject = new String("hello world");
alert(oStringObject.charCodeAt(1));	//输出 "101"
这个例子输出 "101"，即小写字母 "e" 的字符代码。

this 关键词
在函数定义中，this 引用该函数的“拥有者”。

在上面的例子中，this 指的是“拥有” fullName 函数的 person 对象。

换言之，this.firstName 的意思是 this 对象的 firstName 属性。

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

注意
请不要把字符串、数值和布尔值声明为对象！
如果通过关键词 “new” 来声明 JavaScript 变量，则该变量会被创建为对象：

var x = new String();        // 把 x 声明为 String 对象
var y = new Number();        // 把 y 声明为 Number 对象
var z = new Boolean();       //	把 z 声明为 Boolean 对象

按键使用

常见的HTML事件

事件1	描述2
onchange	HTML 元素已被改变
onclick	用户点击了 HTML 元素
onmouseover	用户把鼠标移动到 HTML 元素上
onmouseout	用户把鼠标移开 HTML 元素
onkeydown	用户按下键盘按键
onload	浏览器已经完成页面加载

完整的事件触发
链接: link.

提取字符串

slice() 提取字符串的某个部分并在新字符串中返回被提取的部分。

该方法设置两个参数：起始索引（开始位置），终止索引（结束位置）。

这个例子裁剪字符串中位置 7 到位置 13 的片段

var str = "Apple, Banana, Mango";
var res = str.slice(7,13);

slice(start, end)
substring(start, end)
substr(start, length)

replace() 方法用另一个值替换在字符串中指定的值：

str = "Please visit Microsoft!";
var n = str.replace("Microsoft", "W3School");

concat() 连接两个或多个字符串：

var text = "Hello" + " " + "World!";
var text = "Hello".concat(" ","World!");

String.trim()
trim() 方法删除字符串两端的空白符：

var str = "       Hello World!        ";
alert(str.trim());

提取字符串字符
这是两个提取字符串字符的安全方法：

charAt(position)
charCodeAt(position)
把字符串转换为数组
可以通过 split() 将字符串转换为数组：

var str = "       Hello World!        ";
var txt = "a,b,c,d,e";   // 字符串
txt.split(",");          // 用逗号分隔
txt.split(" ");          // 用空格分隔
txt.split("|");          // 用竖线分隔

数值类型转化

Number() 方法
parseInt() 方法
parseFloat() 方法

Number() 方法
Number() 可用于把 JavaScript 变量转换为数值：
parseInt() 方法
parseInt() 解析一段字符串并返回数值。允许空格。只返回首个数字：
parseFloat() 方法
parseFloat() 解析一段字符串并返回数值。允许空格。只返回首个数字：