javascript - 如何创建缩短文章和链接到主页的“阅读更多”？

Question

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

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

标签： javascripthtml

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);
}