substr和substring的區別，和利用substr將指定內容插入到鼠標光標處

substr對象
語法

stringObject.substr(start,length)

作用:
substr() 方法可在字符串中抽取從 start 下標開始的指定數目的字符。

先看一段代碼

var str = '123456789';
console.log(
	str.substr(0, 2), //12        0 -> 下標  2->兩個
	str.substr(2, 3), //345       2-> 下標2   3->三個
	str.substr(2, str.length),    //345.....  下標2開始所有
	str.substr(2),                //如果不寫length 默認從指定下標截取全部
)

利用substr, 和selectionStart 將內定內容插入到光標位置

   <form>
        <textarea id='textarea' name="content" maxlength="6000" size="30"></textarea>
        <input type="button" onclick="AddContent('光標位置插入內容')" value="插入" />
    </form>
    <script>
        function AddContent(str) {
            var target = document.getElementById('textarea');
            //這裏類似 
            //var str = '12346789'
            //str = str.substr(0, 光標點) + '內容' str.substr(光標點, target.length)
            target.value = target.value.substr(0, target.selectionStart) + str + target.value.substring(target.selectionStart, target.value.length);
        }
    </script>

substring 對象

# 語法

stringObject.substring(start,stop)

作用
substring() 方法用於提取字符串中介於兩個指定下標之間的字符。

var str = '123456789'
console.log(
	str.substring(1, 2), // 2      //下標1到下標2   
	str.substring(0),    //123....   不寫結束下標默認從開始下標截取到最後
)