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代码的准确性,请点击:不允许窗口出现滚动条 进行本实例源码下载