软件学堂

网游分类软件分类

JS代码实现不允许窗口出现滚动条

2012-11-03 来源:网络

【实例名称】

JS代码实现不允许窗口出现滚动条

【实例描述】

为了保持窗口的大小,使主要内容在窗口打开时能显示在当前界面,通常会去掉窗的水平和垂直滚动条。本例学习如何屏蔽窗口的滚动条。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.xue51.com)</title> </head> <body style="overflow-x:hidden;overflow-y:hidden"> <input type=text name="txt1" value="this is test!"> <input type=button value="转换文本""><br /> 把页面拉伸到最小,看是否能够出现滚动条<br /> <?xml version="1.0" encoding="utf-8" ?> <table border="1">  <tbody>   <tr>    <th>gdghfhgf</th>    <th>dghfh</th>    <th>dgh</th>   </tr>   <tr>    <th>fghgf</th>    <th>dfghf</th>    <th>dghf</th>   </tr>   <tr>    <th>gfhgf</th>    <th>ghfhgfh</th>    <th>27</th>   </tr>  </tbody> </table> </body> </html>

【运行效果】

 不允许窗口出现滚动条运行效果

【难点剖析】

本例的重点是body的“style”属性:“style”属性可以用来为窗体设置一些特殊属性,如背景色、文本大小等。“overflow-X”和“overflow—Y”是样式中用来设置水平和垂直滚动条的属性,当设置这两个属性的值为“hidden”时,窗体中再也不会出现滚动条。

【源码下载】

为了JS代码的准确性,请点击:不允许窗口出现滚动条 进行本实例源码下载 

上一篇:装甲荣耀游戏攻略
下一篇:页面打开的同时打开另外两个窗口JS代码怎么写

相关文章