web学习--JavaScript 字符串 事件

字符串

JavaScript字符串是引号中的零个或者多个字符

长度

内建属性 length 可返回字符串长度

特殊字符

字符串必须被引号包围，JavaScript会误处理这段字符

var y = "中国是瓷器的故乡，因此 china 与"China（中国）"同名。"

采用 \ 转义字符进行转换

示例：

var x = "中国是瓷器的故乡，因此 china 与\"China（中国）\"同名。"

字符串方法

查找字符串

indexOf() 方法返回字符串中指定文本首次出现的索引（位置）

var str = "The full name of China is the People's Republic of China.";
var pos = str.indexOf("China");

lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引

var str = "The full name of China is the People's Republic of China.";
var pos = str.lastIndexOf("China");

注：如果未找到文本， indexOf() 和 lastIndexOf() 均返回 -1。

search() 方法搜索特定值的字符串，并返回匹配的位置

var str = "The full name of China is the People's Republic of China.";
var pos = str.search("locate");

提取部分字符串

slice() 方法
提取字符串的某个部分并在新字符串中返回被提取的部分。
参数：起始索引（开始位置），终止索引（结束位置）

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

如果参数为负，则从字符串的结尾开始计算
例子中 裁剪字符串中位置-12到-6

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

substring() 方法
substring() 类似于 slice()。
不同之处在于 substring() 无法接受负的索引。

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

substr() 方法
substr() 类似于 slice()。
不同之处在于第二个参数规定被提取部分的长度。

var str = "Apple, Banana, Mango";
var res = str.substr(7,6);

替换字符串内容

replace() 方法
不会改变调用它的字符串。它返回的是新字符串。
默认地，replace() 只替换首个匹配：

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

注：replace() 对大小写敏感。因此不对匹配 MICROSOFT
如需执行大小写不敏感的替换，请使用正则表达式 /i（大小写不敏感）：

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

大小写转化

toUpperCase() 把字符串转换为大写：
toLowerCase() 把字符串转换为小写：

连接字符串

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

var text1 = "Hello";
var text2 = "World";
text3 = text1.concat(" ",text2);

删除空白符

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

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

提取字符串字符

charAt(position)
charCodeAt(position)

转化为数组

通过 split() 将字符串转换为数组

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

事件

HTML事件是发生在HTML元素上的事情

HTML事件

HTML事件可以是浏览器或用户做的某些事情
例如：

• HTML 网页完成加载
• HTML 输入字段被修改
• HTML 按钮被点击
  JavaScript 允许使用者在事件被侦测到时执行代码。
  通过JavaScript代码，html语序向html元素添加事件处理程序

<button onclick='document.getElementById("demo").innerHTML=Date()'>现在的时间是？</button>
<button onclick="this.innerHTML=Date()">现在的时间是？</button>

常见事件