megan的javaScript学习笔记一

来源:互联网 发布:微软软件开发工具 编辑:程序博客网 时间:2024/06/06 12:55
<!DOCTYPE html>
<html>
<body>


<h2>JavaScript String Properties</h2>


<p>the length property</p>
<p id="demo"></p>


<p> this is the test for slice() method</p>
<p id="slice"></p>


<p> this is the test for slice() method with negetive parameters</p>
<p id="slice2"></p>




<p> this is the test for slice() method without the second parameters</p>
<p id="slice3"></p>


<p> this is a test for substring() method</p>
<p id = "substring"></p>


<p> this is a test for replace() method</p>
<p id = "replace"></p>


<p> this is a test for charCodeAt() method</p>
<p id = "unicode"></p>




<script>
var input = "this is a test";
var pos = input.search("test");
document.getElementById("demo").innerHTML = pos;


/*
javaScript string methods 中有两个方法,一个叫indexOf(), 一个叫做search(),都是在一个长的string中
search另外一个短的string,他们返回的值也相同,即为target string发生的第一个position, 但是他们的不同之处在于:
1. search 方法在寻找target string的时候不能以target string的第二个letter作为argument来寻找
2. 但search 方法可以take much more powerful search  values(regular expression).
*/


document.getElementById("slice").innerHTML = input.slice(5,7);


document.getElementById("slice2").innerHTML = input.slice(-5, -1);


document.getElementById("slice3").innerHTML = input.slice(5);


/* 
对于slice方法而言,他可以take的参数有两个, position 1, start index,
position 2, end index,meanwhile,还可以传入负数参数,当传入的参数为负值的时候,它从input的最后一位开始计算起。
*/


var str = "apple, banana, kiwi";
var res = str.substring(7, 13);
document.getElementById("substring").innerHTML = res;


/*
the substr() method is similar to slice() but the second parameter is the length of the exteacted 
string
*/


var str = "please visit microsoft";
var n = str.replace("microsoft", "3wschool");
document.getElementById("replace").innerHTML = n;


/*
replace 在默认的设置中只会替代第一个相同的string,如果想要将内容中所有的相同的string全部替代掉,就要使用regular expression中的表示方法: /microsoft/g


同样的,replace方法是case sensitive的,如果想要找到大写的MICROSOFT, 在原文本中是找不到的, 要让他变得case insensitive,可以使用regular expression的/MICROSOFT/i
*/


/* 同样的,concat方法可以把两个string拼接到一起,相当于使用“+” 的 方法 */


var str = "input";
var n = str.charCodeAt(0);
document.getElementById("unicode").innerHTML = n;


/* string中的charCodeAt方法会返回parameter index的unicode值*/






</script>
</body>
</html>

原创粉丝点击