JS（五）javascript组成和字符串

码界索隆

已于 2022-03-09 11:03:36 修改

阅读量93

点赞数

文章标签： javascript 前端 html

于 2022-03-09 11:03:08 首次发布

本文链接：https://blog.csdn.net/cool66boy/article/details/123369896

版权

文章目录

JavaScript组成
标签获取元素
字符串处理方法
练习
- 字符串反转

JavaScript组成

ECMAscript javascript的语法（变量、函数、循环语句等语法）。
DOM文档对象模型操作htnl和css的方法。
BOM浏览器对象模型操作浏览器的一些方法。

标签获取元素

可以使用内置对象document上的getElementsByTagName方法来获取页面上的某一种标签，获取的是一个选择集，不是数组，但是可以用下标的方式操作选择集里面的标签元素。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        window.onload = function(){
            var sLi = document.getElementsByTagName('li');
            // sLi.style.color = 'red';//错误，sLi是一个选择集，不能同时设置多个li。
            sLi[0].style.color = 'red'; //选择集中的第一个元素字体变为红色。

        }
    </script>
</head>
<body>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
    
</body>
</html>

注：
var sLi = document.getElementsByTagName('li'); // sLi.style.color = 'red';//错误，sLi是一个选择集，不能同时定义多个li。
sLi[0].style.color = 'red'; //选择集中的第一个元素字体变为红色。

字符串处理方法

定义字符串：

            var sTr1 = '1';
            var sTr2 = '2';
            var sTr3 = '1.5';
            var sTr4 = 'abcde-f-gab';
            var sTr5 = 'AKJSH12';

字符串合并操作：" + "

            //字符串合并
            alert(sTr1 + sTr2);//弹出12;

parseInt()将数字字符串转化为整数。

            alert(parseInt(sTr1) + parseInt(sTr2));//弹出3；
            alert(parseInt(sTr1));//弹出1；

parseFloat()将数字字符串转化为小数。

            alert(parseFloat(sTr3));//弹出1.5;

split()把一个字符串分割成字符串组成的数组。

            alert(sTr4.split(''));//弹出a,b,c,d,e,f,g;
            alert(sTr4.split('-'));//弹出abcde,f,gab;

charAt()获取字符串中的某一个字符。

            alert(sTr4.charAt(2));//弹出c；

indexOf()查找字符串是否含有某字符。没有返回-1，有的话返回第一次出现该字符的索引。

            alert(sTr4.indexOf('h'));//弹出-1；
            alert(sTr4.indexOf('a'));//弹出0；

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

            alert(sTr4.substring(2,6));//弹出cde-；

toUpperCase()字符串转大写。

            alert(sTr4.toUpperCase());//弹出ABCDE-F-GAB;

toLowerCase()字符串转小写。

            alert(sTr5.toLowerCase());//弹出akjsh12;

练习

字符串反转

            var sTr = 'asdjbasjdbajs125';
            var sTr_last = sTr.split('').reverse().join('');
            alert(sTr_last);//弹出521sjabdjsabjdsa；

码界索隆

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS（五）javascript组成和字符串

文章目录JavaScript组成标签获取元素字符串处理方法练习字符串反转JavaScript组成ECMAscript javascript的语法（变量、函数、循环语句等语法）。DOM文档对象模型操作htnl和css的方法。BOM浏览器对象模型操作浏览器的一些方法。标签获取元素可以使用内置对象document上的getElementsByTagName方法来获取页面上的某一种标签，获取的是一个选择集，不是数组，但是可以用下标的方式操作选择集里面的标签元素。<!DOCTYPE h
复制链接

扫一扫