目录
一、常见的 HTML 事件
二、JavaScript 字符串方法
String 对象方法
提取部分字符串
一、常见的 HTML 事件
属性此事件发生在何时...onabort图像的加载被中断。onblur元素失去焦点。onchange域的内容被改变。onclick当用户点击某个对象时调用的事件句柄。ondblclick当用户双击某个对象时调用的事件句柄。onerror在加载文档或图像时发生错误。onfocus元素获得焦点。onkeydown某个键盘按键被按下。onkeypress某个键盘按键被按下并松开。onkeyup某个键盘按键被松开。onload一张页面或一幅图像完成加载。onmousedown鼠标按钮被按下。onmousemove鼠标被移动。onmouseout鼠标从某元素移开。onmouseover鼠标移到某元素之上。onmouseup鼠标按键被松开。onreset重置按钮被点击。onresize窗口或框架被重新调整大小。onselect文本被选中。onsubmit确认按钮被点击。onunload用户退出页面。
几个例子：
<!DOCTYPE html>
<meta charset="utf-8" />
<html>
<head>
</head>
<body>
输入您的姓名：
<!--使用 onchange 事件在用户改变输入域的内容时执行 JavaScript 代码-->
<input type="text" id="fname" onchange="upperCase(this.id)" />
<br/>
<!--onclick-->
Field1: <input type="text" id="field1" value="Hello World!">
<br />
Field2: <input type="text" id="field2">
<br /><br />
点击下面的按钮，把 Field1 的内容拷贝到 Field2 中：
<br />
<button onclick="copy()">Copy Text</button>
<br />
<!--onmouseover事件-->
<img src="img/1.gif" alt="mouse" onmouseover="alert('您的鼠标在图片上！')" />
<br /> <br />
<img src="img/1.gif" alt="mouse"onmousemove="alert('您的鼠标刚才离开了图片！')" />
<br /> <br />
<script type="text/javascript">
function upperCase(x)
{
var y=document.getElementById(x).value
document.getElementById(x).value=y.toUpperCase()
alert(y);
}
function copy(){
document.getElementById('field2').value=document.getElementById('field1').value;
}
</script>
</body>
</html>
二、JavaScript 字符串方法
String 对象方法
方法描述anchor()创建 HTML 锚。big()用大号字体显示字符串。blink()显示闪动字符串。bold()使用粗体显示字符串。charAt()返回在指定位置的字符。charCodeAt()返回在指定的位置的字符的 Unicode 编码。concat()连接字符串。fixed()以打字机文本显示字符串。fontcolor()使用指定的颜色来显示字符串。fontsize()使用指定的尺寸来显示字符串。fromCharCode()从字符编码创建一个字符串。indexOf()检索字符串。italics()使用斜体显示字符串。lastIndexOf()从后向前搜索字符串。link()将字符串显示为链接。localeCompare()用本地特定的顺序来比较两个字符串。match()找到一个或多个正则表达式的匹配。replace()替换与正则表达式匹配的子串。search()检索与正则表达式相匹配的值。slice()提取字符串的片断，并在新的字符串中返回被提取的部分。small()使用小字号来显示字符串。split()把字符串分割为字符串数组。strike()使用删除线来显示字符串。sub()把字符串显示为下标。substr()从起始索引号提取字符串中指定数目的字符。substring()提取字符串中两个指定的索引号之间的字符。sup()把字符串显示为上标。toLocaleLowerCase()把字符串转换为小写。toLocaleUpperCase()把字符串转换为大写。toLowerCase()把字符串转换为小写。toUpperCase()把字符串转换为大写。toSource()代表对象的源代码。toString()返回字符串。valueOf()返回某个字符串对象的原始值。
提取部分字符串
slice(start, end)substring(start, end)substr(start, length)
<script>
function str(s){
var str = "The full name of China is the People's Republic of China.";
// 字符串长度
var len=str.length;
// 正序查找
var pos = str.lastIndexOf("China");
// 倒叙查找
var pos2 = str.lastIndexOf("China");
var str2 = "Apple, Banana, Mango";
// slice() 提取字符串的某个部分并在新字符串中返回被提取的部分。
var res = str2.slice(-13,-7);
// substring() 类似于 slice()。不同之处在于 substring() 无法接受负的索引。
var res2 = str2.substring(7,13);
// substr() 类似于 slice()。不同之处在于第二个参数规定被提取部分的长度。
var res3 = str2.substr(7,6);
// replace() 方法用另一个值替换在字符串中指定的值：
//replace() 方法不会改变调用它的字符串。它返回的是新字符串.默认地，replace() 只替换首个匹配：
var n = str2.replace("Mango", "Pear");
var a =str+" 长度是："+len+" chain出现的位置： "+pos+" chain倒叙出现的位置： "+pos2
+str2+" 提取"+res+" /"+ res2+" /"+res3+ " 替换"+n;
document.getElementById('str').innerHTML=a;
}
</script>
把字符串转换为数组
可以通过 split() 将字符串转换为数组：
var txt = "a,b,c,d,e"; // 字符串
txt.split(","); // 用逗号分隔
txt.split(" "); // 用空格分隔
txt.split("|"); // 用竖线分隔
具体参考：https://www.w3school.com.cn/jsref/jsref_obj_string.asp
https://www.w3school.com.cn/js/js_string_methods.asp
