javascript
JavaScript学习(十)
目錄
練習:
String對象的方法
1.查找字符串
(1)charAt()方法
? (2)indexOf()方法
(3)lastIndexOf()方法
2.截取字符串
(1)silce()方法
(2)substr()方法
(3)substring()方法
3.連接和拆分
(1)concat()方法
(2)split()方法
4.格式化字符串
練習:
在text文檔中輸入英文小寫字母,點擊按鈕之后把文本框中的小寫字母變成大寫。
<head><meta charset="utf-8"><title>對象</title><script type="text/javascript" language="JavaScript">function c(){var t=document.getElementById("text1");t.value=t.value.toUpperCase();}?? ??? ??? ?</script></head><body><input type="text" id="text1"/><button onclick="c()" type="button">big button</button></body>?
String對象的方法
1.查找字符串
(1)charAt()方法
charAt()方法可以返回字符串中指定位置的字符。
語法:stringObject.charAt(index)
stringObject:string對象名或字符變量名。
index:必選參數。表示字符串中某個位置的數字,即字符在字符串中的下標。
例子:var str="你好 JavaScript";
alert(str.charAt(1));
? (2)indexOf()方法
indexOf()方法可以返回某個子字符串在字符串中首次出現的位置。
語法:stringobject.indexOf(substring.startindex)
substring:必選參數。要在字符串中查找的子字符串
startindex:可選參數。用于指定在字符串中開始查找位置,取值范圍是0—stringobject.length-1.
例子:
<script type="text/javascript" language="JavaScript">var str="四十四,四是四";var position=0;var num=-1;var index=0;while(position!=-1){position=str.indexOf("四",index);num+=1;index=position+1;}document.write("定義的字符串:"+str+"<br />");document.write("字符串中有"+num+"個四");</script>?? ?(3)lastIndexOf()方法
lastIndexOf()方法可以返回某個字符串在字符串中最后出現的位置。
語法:stringobject.lastIndexOf(substring.startindex)
2.截取字符串
(1)silce()方法
silce()方法可以提取字符串的片段,并在新的字符串中返回被提取部分。
語法:stringobject.silce(startindex,endindex)
例子:
var str="你好 JavaScript";console.log(str.slice(0,7));(2)substr()方法
substr()方法可以從字符串指定位置提取指定長度的字符串。
語法:stringobject.substr(startindex,length)
startindex:必選參數。指定要提取的字符串的位置。該參數可以是負數,如果是負數,則從該字符串的尾部開始算起。
length:可選參數。用于指定提取的字符串的長度。
例子:字符串截取
var str="你好 JavaScript"; document.write(str.substr(0,4));(3)substring()方法
substring方法用于提取字符串中兩個指定的索引號之間的字符。
語法:stringobject.substring(startindex,endindex)
3.連接和拆分
(1)concat()方法
concat()方法用于連接兩個或多個字符串。
語法:stringobject.concat(string1,string2...)
stringobject:string對象名或字符變量名
string:必選參數。將被連接的字符串,可以是一個,或者多個。
例子:
var str1="affa";var str2="dgaf0";document.write(str1.concat(str2));(2)split()方法
split()方法用于把一個字符串分割成字符串數組。
語法:stringobject.split(separator,limit)
separator:必選參數。指定的分割符。該參數可以是字符串,也可以是正則表達式。如果把空字符串("")作為分割符,那么字符串的每個字符都會被分割。
limit:可選參數。該參數可指定返回數組的最大長度。如果設置了該參數,返回的數組元素個數都不會多于這個參數。
例子:在文本框中輸入數字,生成這個位數的隨機字符串。
<script type="text/javascript" language="JavaScript">?? ??? ??? ?function ran(digit){if(isNaN(digit)){alert("請輸入數字");}else{var source="0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F,G";arrstr=source.split(","); ?/*分割方法:以逗號為分割符*/var result="";var index=0;?? ??? ??? ??? ??? ??? ??? ??? ??? ?for(i=0;i<digit;i++){index=parseInt(Math.random()*arrstr.length);?? ??? ??? ??? ??? ??? ?result=arrstr[index]+result;}alert(result);}?? ??? ??? ??? ?}?? ??? ??? ?</script>?? ?<form name="form"><input type="text" name="digit" /><input type="button" value="生成" onclick="ran(form.digit.value)"/></form>4.格式化字符串
anchor()? ?:? ?創建HTML錨
big()? ? ? ? ?:? ? ? 使用大號字體顯示字符串
small()? ? ? ?:? ? ?使用小號字體顯示字符串
fontsize()? ?:? ? ? 使用指定的字體大小顯示字符串
bold()? ? ? ? :? ? 使用粗體的字體顯示字符串
italics()? ? ? :? ? 使用斜體顯示字符串
link()? ? ? ? ? :? ? 將字符串顯示為超鏈接
strike()? ? ? ?:? ? 使用刪除線來顯示字符串
blink()? ? ? ? :? ? 顯示閃動字符串,此方法并不支持IE瀏覽器
fixed()? ? ? ?:? ? 以打字機文本顯示字符串,相當于在字符串兩端增加<tt>標記
fontcolor() :? ? 使用指定的顏色來顯示字符串
sub()? ? ? ? ?:? ? 把字符串顯示為下標
sup()? ? ? ? ?:? ? 把字符串顯示為上標
?
?
轉載于:https://www.cnblogs.com/951201193-wzc/p/10294950.html
總結
以上是生活随笔為你收集整理的JavaScript学习(十)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 样条表示---样条表示之间的转换
- 下一篇: Springboot端口设置