JS网页设计控制滚动条显隐和显示最后修改时间

4星 · 超过85%的资源需积分: 10 37 浏览量更新于2024-12-24 收藏 14KB TXT 举报

JS网页设计控制滚动条和显示最后修改时间在网页设计中，控制滚动条的显隐和显示网页的最后修改时间是非常重要的两个方面。下面我们将详细介绍如何使用JS来实现这些功能。控制横向和纵向滚动条的显隐在HTML中，我们可以使用`overflow-x`和`overflow-y`属性来控制横向和纵向滚动条的显隐。例如： ```html <body style="overflow-x:hidden;">  <body style="overflow-y:hidden;">  ``` 在上面的代码中，我们使用`style`属性来设置`body`元素的`overflow-x`和`overflow-y`属性为`hidden`，从而隐藏横向和纵向滚动条。记录并显示网页的最后修改时间要记录并显示网页的最后修改时间，我们可以使用JS来获取当前时间并显示在网页上。例如： ```javascript var date = new Date(); document.write("最后修改时间：" + date.toLocaleString()); ``` 在上面的代码中，我们使用`Date`对象来获取当前时间，然后使用`document.write`方法将其显示在网页上。使用IFrame实现网页的最后修改时间在上面的代码中，我们还可以使用IFrame来实现网页的最后修改时间。例如： ```html <iframe name="pindex" src="index.asp" frameborder="false" scrolling="auto" width="100%" height="100%" onload="document.all['pindex'].style.height=pindex.document.body.scrollHeight"></iframe> ``` 在上面的代码中，我们使用IFrame来加载一个名为`index.asp`的网页，并将其高度设置为自动高度，从而实现网页的最后修改时间。防止网页被拖曳和右键菜单在网页设计中，我们还需要防止网页被拖曳和右键菜单。例如： ```html <body ondragstart="window.event.returnValue=false" oncontextmenu="window.event.returnValue=false" onselectstart="event.returnValue=false"> ``` 在上面的代码中，我们使用`ondragstart`、`oncontextmenu`和`onselectstart`事件来防止网页被拖曳和右键菜单。使用JS控制滚动条和显示网页的最后修改时间是非常重要的两个方面。在网页设计中，我们需要使用合适的技术来实现这些功能，以提高网页的用户体验。

控制横向和纵向滚动条的显隐？
<body style="overflow-y:hidden"> 去掉x轴
<body style="overflow-x:hidden"> 去掉y轴
<body scroll="no">不显

--------------------------------------------------------------------------------
表格变色
<TD onmouseover="this.style.backgroundColor='#FFFFFF'"
onmouseout="this.style.backgroundColor=''"
style="CURSOR: hand">
--------------------------------------------------------------------------------
禁止复制，鼠标拖动选取
<body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false>
--------------------------------------------------------------------------------
普通iframe页面
<iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>

--------------------------------------------------------------------------------
iframe自适应高度
<iframe name="pindex" src="index.asp" frameborder=false scrolling="auto" width="100%" height="100%" frameborder=no onload="document.all['pindex'].style.height=pindex.document.body.scrollHeight" ></iframe>
--------------------------------------------------------------------------------
IE地址栏前换成自己的图标&可以在收藏夹中显示出你的图标
<link rel="Shortcut Icon" href="favicon.ico">
<link rel="Bookmark" href="favicon.ico">
--------------------------------------------------------------------------------
字号缩放
越来越多的人长时间的泡网，眼镜的普及率也越来越高，让文字大点，让更多的用户看的更清楚。
<script type="text/javascript">
function doZoom(size)
{document.getElementById('zoom').style.fontSize=size+'px';}

剩余10页未读，继续阅读

dwj_dwx

粉丝: 0
资源: 4

JS网页设计控制滚动条显隐和显示最后修改时间

js控制html控件显隐

iClient for JavaScript的几种图层显隐控制

js控制显隐

子图层控制-直接控制显隐.html

javascript图片动态显隐

一键显隐(文件快速隐藏和显示)

C#修改注册表实现桌面图标显隐

控制回收站的显隐.rar

滑动触摸控制多个div显隐

控制primitives显隐

最新资源