如何创建一个缩短文章并链接到主页的'read more'？

Question

使用 JavaScript 和 HTML，如何创建一个"阅读更多"按钮来缩短文章？

点击后，它应该将我带到发布它的页面上的文章。

Answer 1

因此，首先您可以创建和html文件并编写以下内容。

<div id = "blog">
</div>

在你的JavaScript文件中，请使用这段代码。根据您的要求进行修改

var text = "this is very very very very long text";
var threshold = 10;
if(text.length <= threshold){
document.getElementById("blog").innerHTML = text.substring(0,threshold);
var read_more = document.createElement("href");
read_more.href = "www.linktomainpage.com";
read_more.innerHTML = "Read More";
document.getElementById("blog").appendChild(read_more);
}