ES6更新版本

const truncateString = (string = "， maxLength = 50) => 字符串。length > maxLength ？ “${字符串。substring(0,最大长度)}……” :字符串 //演示上述函数 alert(truncateString('Hello World'， 4));

我觉得应该提一下Sugar.js。它有一个截断方法，非常聪明。

从文档中可以看到:

截断字符串。除非split为true, truncate不会将单词拆分，而是 丢弃发生截断的单词。

例子:

'just sittin on the dock of the bay'.truncate(20)

输出:

just sitting on...

是的,子字符串。你不需要做Math.min;索引比字符串长度长的子字符串以原始长度结束。

But!

document.getElementById("foo").innerHTML = "<a href='" + pathname +"'>" + pathname +"</a>"

这是一个错误。如果文件。推荐人有一个撇号?或者在HTML中具有特殊意义的各种其他字符。在最坏的情况下，引用器中的攻击者代码可能会将JavaScript注入您的页面，这是一个XSS安全漏洞。

虽然可以手动转义路径名中的字符来阻止这种情况发生，但这有点麻烦。你最好使用DOM方法，而不是摆弄innerHTML字符串。

if (document.referrer) {
    var trimmed= document.referrer.substring(0, 64);
    var link= document.createElement('a');
    link.href= document.referrer;
    link.appendChild(document.createTextNode(trimmed));
    document.getElementById('foo').appendChild(link);
}

var pa = document.getElementsByTagName('p')[0].innerHTML; var rpa = document.getElementsByTagName('p')[0]; / / console.log (pa。片(0,30)); var newPa = pa。片(0,29).concat(“…”); 战。textContent = newPa; console.log (newPa) < p > 一些文本这里一些文本一些文本这里一些文本一些文本这里一些文本一些文本这里一些文本一些文本这里一些文本一些文本这里一些文本一些文本这里一些文本一些文本 < / p >

一行ES6解决方案

如果字符串长度超过给定长度，它还会添加一个结束字符串，而不仅仅是截断字符串。

const limit = (string, length, end = "...") => {
    return string.length < length ? string : string.substring(0, length) + end
}

limit('Hello world', 5) // Hello...

使用substring方法:

var length = 3;
var myString = "ABCDEFG";
var myTruncatedString = myString.substring(0,length);
// The value of myTruncatedString is "ABC"

在你的例子中:

var length = 3;  // set to the number of characters you want to keep
var pathname = document.referrer;
var trimmedPathname = pathname.substring(0, Math.min(length,pathname.length));

document.getElementById("foo").innerHTML =
     "<a href='" + pathname +"'>" + trimmedPathname + "</a>"