Alguien hizo una pregunta similar para imágenes, y cuando quise responder había perdido el tema.
Por suerte encontré de nuevo el tuyo.
No entiendo por qué no usas un lenguaje de servidor, pero bué...
qwerty0.htm
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Prueba</title>
<script src="otraPag.js"></script>
</head>
<body >
<h1>qwerty0</h1>
<input type=button onclick="nuevaPag(1)" value="SIGUIENTE">
</body>
</html>
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Prueba</title>
<script src="otraPag.js"></script>
</head>
<body >
<h1>qwerty1</h1>
<input type=button onclick="nuevaPag(-1)" value="ANTERIOR">
<input type=button onclick="nuevaPag(1)" value="SIGUIENTE">
</body>
</html>
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Prueba</title>
<script src="otraPag.js"></script>
</head>
<body >
<h1>qwerty2</h1>
<input type=button onclick="nuevaPag(-1)" value="ANTERIOR">
</body>
</html>
Código:
var nomPag = "qwerty";
var largoNomPag = nomPag.length;
var nroPag;
function nuevaPag(ind){
var raiz = location.href.substring(0,location.href.substring(0, location.href.length-1).lastIndexOf('qwerty')+largoNomPag);
//alert(raiz)
nroPag = location.href.substring(raiz.length, location.href.lastIndexOf('.'));
var muevePag = raiz+(nroPag*1+ind)+".htm";
//alert(muevePag)
window.location.href = muevePag;
}
Los botones son iguales para todas las páginas menos para la primera y la última.
Si conoces la ruta de las páginas, la puedes meter en una variable y te ahorras el escript para detectar la raíz.
Por supuesto, los documentos van todos en el mismo directorio.