JavaScript組成和字符串

1.獲取元素方法二

可以使用內置對象document上的getElementsByTagName方法來獲取頁面上的某一種標籤,獲取的是一個選擇集,不是數組,但是可以用下標的方式操作選擇集裏面的標籤元素

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>obtain</title>
<script type="text/javascript">

window.onload = function(){
    var oUl = document.getElementById('list');/*避免全局li都獲取*/
    var aList = oUl.getElementsByTagName('li'); /*通過標籤獲取元素*/
    var iLen = aList.length;
    for(i=0;i<iLen;i++){
        if(i%2==0){              /*隔一個執行*/
            aList[i].style.backgroundColor = 'gold';
        }
    }
}
</script>

</head>

<body>

<ul id="list">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
</ul>

</body>
</html>

JavaScript組成和字符串

2.JavaScript組成

(1)ECMAscript JavaScript的語法(變量、函數、循環語句等語法)

(2)DOM 文檔對象模型 操作HTML和css的方法 (document)

(3)BOM瀏覽器對象模型,操作瀏覽器的一些方法(alert)

3.字符串處理方法

(1)字符串合併操作:“+”

(2)parseInt() 將數字字符轉化爲整數

(3)parseFloat()將數字字符串轉化爲小數

(4)split()把一個字符串分隔成字符串組成的數組

(5)charAt()獲取字符串中的某一個字符

(6)indexOf()查找字符串是否含有某字符

(7)substring()截取字符串 用法:substring(start,end)(不包括end)

(8)toUpperCase() 字符串轉大寫

(9)toLowerCase() 字符串轉小寫

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>string</title>
<script type='text/javascript'>

var iNum =123;
var iString = '456';
/*數字和字符合並*/
alert(iNum+iString);

var sTr01 = '12.465';
/*將數字字符轉化爲整數*/
alert(parseInt(sTr01));
/*將數字字符轉化爲小數*/
alert(parseFloat(sTr01));

var sTr02 = '2018-1-5';
/*將字符串以‘-’來分割成數個字符串,‘’空字符分割每一個字符*/
var atime = sTr02.split('-');
alert(atime);

var sTr03 = '#div'
/*獲取位置一的字符串*/
var sTr04 = sTr03.charAt(0);
alert(sTr04);

var sTr05 = 'I love you!';
/*檢索某字符,並返回它的位置,前三個都是2,不存在返回-1*/
var iNum01 = sTr05.indexOf('love');
var iNum02 = sTr05.indexOf('l');
var iNum03 = sTr05.indexOf('lo');
var iNum04 = sTr05.indexOf('hahah');
alert(iNum04);

var sTr05 = "We don't talk anymore!";
/*不包括第八位,顯示3-7位*/
var sTr06 = sTr05.substring(3,8);
alert(sTr06);

/*轉化爲大寫,toLowerCase是小寫*/
var sTr07 = sTr05.toUpperCase();
alert(sTr07);

var sTr08 = 'dfjkjfahfs13346575431646';
/*分割,反轉,連接*/
var sTr09 = sTr08.split('').reverse().join('');
alert(sTr09);

</script>

</head>

<body>
</body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章