本文介绍了js实现网页页面控制的方法，供大家参考，具体的实现方法如下：

键盘控制页面效果，我觉得我们并不少见，经常在很多网站，尤其是相册的效果，可以直接用键盘上下翻页，原理很简单，只要我们用js来监控用户是否有上下按钮。

例子如下：

复制代码代码如下：最后一章

>返回目录

下一章

js代码如下所示：

复制代码代码如下所示：

<！——

最后=文档。getElementById（上）。Href；

下一个=文档。getElementById（下一个Href）；

文献书目=。getElementById（书目）。Href；

功能键抬起（e）{

如果（navigator.appname = =微软Internet Explorer）

{

VaR密码=的情况下；

无功realkey = String.fromCharCode（事件。密码）；

}其他

{

VaR密码=哪；

无功realkey = String.fromCharCode（e.which）；

}

如果（密码= = 39）{

窗口的位置。href =未来；

}

如果（密码= = 37）{

窗口的位置。href =最后；

}

如果（密码= = 13）{

窗口的位置。href =书目；

}

}

document.onkeydown = KeyUp；





今天从网上看到这个功能，很好，以后我们可以在文章中添加这个功能。

将代码复制为以下内容；

如果（window.document.body.innerhtml.search（重新）> = 0）{

无功previous_page = 1美元的正则表达式；

}

如果最后一页搜索，复制代码定义如下：无功previous_page = 1美元的正则表达式；

var；

如果（window.document.body.innerhtml.search（重新）> = 0）{

无功next_page = 1美元的正则表达式；

}

如果下一页搜索，复制代码定义如下：无功next_page = 1美元的正则表达式；

如果（typeof previous_page = =字符串| |型next_page = =字符串）{

document.onkeydown =函数（）{

开关（事件。srcelement。tagname）{

案例输入：

案例文本：

案例选择：

打破；

违约:

如果（的情况下左箭头* / / * = = previous_page类型37 = =字符串）{

window.location.href = previous_page；

}

如果（= = 39的情况下 / * * /箭头的权利类型next_page = =字符串）{

window.location.href = next_page；

}

}

}

}

这里的快捷键，我做的。当用户点击左、右箭头键，js键盘代码，然后跳到下一页或上一页，现在网上很多代码都是IE，Firefox是无法进行的，大多数时候是因为FF不支持非标准* *点击（IE）的标签，点击默认对应的链接造成的，和FF（onclick）是不可行的（它可以是，但这是一个onclick事件实施）。

这个解决方案也很简单。我们可以用这种方法捕捉到的下一页上的href属性window.location.href当用户点击右键。

复制代码如下：var $ =函数（id）

{

返回document.getelementbyid（ID）；

}

函数（e）

{

VaR E = E | |事件；

var k =能| | e.which | | / / e.charcode；获取关键代码

如果（k＝37）

{

如果（$（前一页））

window.location.href = $（前一页）。Href；

}

否则如果（k = 39）

{

如果（$（：））

window.location.href = $（做）。Href；

}

如果（k = 72）

{

如果（$ ）

window.location.href = $（家）。Href；

}

}

document.onkeydown =热键； / /关键

希望这篇文章将帮助大家基于Javaｓｃｒｉｐｔ的Web程序设计。