02-dojo.string的使用方法 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link rel="stylesheet" href="http://localhost/arcgis_js_api/library/3.16/3.16/dijit/themes/claro/claro.css">

    <script>dojoConfig = { async: true, parseOnLoad: false }</script>
    <script src='http://localhost/arcgis_js_api/library/3.16/3.16/dojo/dojo.js'></script>
    <script>
        require(["dojo/string", "dojo/dom", "dojo/domReady!"],
        function (string, dom) {
            //1.使用指定字符填充需要填充的字符串到指定的长度
            //2.参数说明:string.pad("需要填充的字符串",/*int*/位数,/*填充字符*/'-',/*填充的位置,1为前面,-1为后面*/-1)
            dom.byId("output").innerHTML = string.pad(dom.byId("input").innerHTML, 6, "-", -1);
            //重复字符串,
            //参数说明:string.rep("要重复的内容",/*重复的次数*/5)
            dom.byId("d3").innerHTML = string.rep("要重复的内容,-", 4);
            //格式化字符串,后面参数输入的是一个json对象.字面量名称需和格式化字符内的一致....
            dom.byId("d4").innerHTML = string.substitute("这边是格式化字符串:${arg1}是一个${arg2},${num}", { arg1: "pig", arg2: "猪", num: 99 });

            var urls = [
                {url:'http://www.yahoo.com',title:"Yahoo"},
                {url:'http://www.baidu.com',title:"Baidu"},
                {url:'http://www.google.com',title:"Google"}
            ];
            var listNode = document.getElementById("listOfUrls");
            for (var i = 0; i < urls.length; i++) {
                var listItem = document.createElement("li");
                var oneRestlt = urls[i];
                listItem.innerHTML = string.substitute("<a href='${url}'>${title}</a>", oneRestlt);
                listNode.appendChild(listItem);
            }


            //去除字符的前后空格
            dom.byId("d5").innerHTML = string.trim("            5个字符哦        ");
            ////dom.byId("d5").innerHTML = "     可以去除空格的神奇东         ";
            //console.log(dom.byId("d5").innerHTML.length);
        });
    </script>

</head>
<body class="claro">
    <div id="input">123</div>
    <div id="output"></div>
<div id="d3"></div>
<div id="d4"></div>
<div>
    <ul id="listOfUrls"></ul>
</div>
<span id="d5" style="border: 1px solid red;width:auto"></span>
</body>
</html>

　　

posted on 2016-12-12 11:40  努力的活着_在人间  阅读(369)  评论(0)    收藏  举报

导航