javascript &css实现的长文章分页

JS自动分页效果实现

最新推荐文章于 2021-08-04 00:55:12 发布

转载最新推荐文章于 2021-08-04 00:55:12 发布 · 2.8k 阅读

文章标签：

#javascript #css #function #generator #正则表达式 #border

本文介绍了一种使用JavaScript实现的网页自动分页效果的方法。通过封装DHTML分页功能，可以根据设定的每页字符数量将长篇文章内容自动分割成多页，并提供上一页和下一页的导航功能。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>FLYSO Blog-- JS代码实现的自动分页效果~!</TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <mce:style></mce:style><style mce_bogus="1">* { font-size:10.2pt; font-family:tahoma; line-height:150%; } .divContent { border:1px solid red; background-color:#FFD2D3; width:500px; word-break:break-all; margin:10px 0px 10px; padding:10px; }</style> </HEAD> <BODY> header <div id="divPagenation"></div> <div id="divContent"></div> footer <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </BODY> </HTML>