常用Javascript精选(二)

最新推荐文章于 2023-05-27 10:55:22 发布

lzhdim

最新推荐文章于 2023-05-27 10:55:22 发布

阅读量120

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/lzhdim/article/details/83316141

本文介绍了一系列前端网页开发的实用技巧，包括如何设置主页、收藏站点、显示滚动信息、插入当前时间、实现页面刷新及背景色变换等功能，并提供了具体的HTML与JavaScript代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

（一）、设为首页

<a href=http://www.thwd.net onMouseOver=this.style.behavior="url(#default#homepage)";
this.setHomePage("http://www.thwd.net/";);>设为首页</a>
（二）、收藏本站

（三）、在窗口的状态区显示滚动信息
(1) 在BODY中加入代码
<script language="javascript">
var msg="欢迎访问建站资源网，在这里有你会有所收获的!";
var i=1
function scroll()
{
mess=msg.substring(i,msg.length)+" "+msg.substring(0,i)
window.status=mess
i++;
if (i>=msg.length) i=1; //设置不停滚动
setTimeout("scroll()",200); //设置滚动速度
}
</script>
(2)在BODY标签中:
<body onload="scroll()">
（四）、在页面加入当前时间

（五）、前进、后退按钮
<input type="button" value="<-" onclick="history.go(-1)">
<input type="button" value="->" onclick="history.go(1)">

（六）、加入页面最后修改日期
<script language="javascript">
document.write("本页最后编辑日期：");
document.write(document.lastModified)
</script>

（七）、前进、后退按钮
<font onclick="history.go(-1)"> 前一页</font>
<font onclick="history.go(-2)"> 前两页</font>
<font onclick="history.go(-3)"> 前三页</font>
<font onclick="history.go(1)"> 后一页</font>
<font onclick="history.go(2)"> 后两页</font>
<font onclick="history.go(3)"> 后三页</font>
也可设置退后、前进多步

（八）、鼠标事件
<A HREF="MAILTO:webmaster@jzzy.com" onmouseover="alert("给我写信"); return true">信箱</A>
鼠标放上去显示警告信息

（九）、获得浏览器的属性
navigator.appCodename=undefinednavigator.appName=Microsoft Internet Explorernavigator.appVersion=4.0 (compatible; MSIE 5.0; Windows 98; DigExt)navigator.appAgent=undefined
（十）、打印整个页面
<font onClick="javascript:window.print()">打印本页</font>
（十一）、查看源码
<input TYPE="button" NAME="view" value="查看本页的源码" onClick="window.location="view-source:" +window.location.href" class="pt9">
（十二）、刷新页面
<font onClick="history.go(0)">刷新本页</font>
（十三）、背景色变换
<input TYPE="button" value="背景色变换" onClick="BgButton()">
<script>function BgButton()
{
if (document.bgColor=='#00ffff')
{
document.bgColor='#ffffff';
}
else{document.bgColor='#00ffff';
}
}
</script>
（十四）、Title上显示信息
<script language="javascript1.2">

</script>