megan的javaScript学习笔记一

<!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>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值