如何创建缩短文章和链接到主页的“更多内容”?

时间:2018-09-28 16:01:04

标签: javascript html

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

单击后,应该带我到其发布页面上的文章。

1 个答案:

答案 0 :(得分:0)

因此,从开始就可以创建并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);
}