javascript经典常用小例子
来源:互联网 发布:我的世界编程教程 编辑:程序博客网 时间:2024/04/29 07:20
document.write("最后更新时间"+document.lastModified+"");
</script>
setTimeout("window.close();",5000);
</script>
function bookmarkit(){
window.external.addFavorite('http://www.baidu.com','百度')
}
</script>
a:link{text-decoration:none}
a:hover{text-decoration:none}
a:visited{text-decoration:none}
</style>
function click(){
if(event.button==2||event.button==3){
alert("禁止鼠标右键");
}
}
document.onmousedown=click
</script>
<!-- 网址:http://你的网址-->
<a class="chlnk" style="cursor:hand" HREF onClick="this.style.behavior='url
(#default#homepage)'; this.setHomePage('http://www.aqtc.edu.cn');">
<font color="000000" size="2" face="宋体">设为首页</font>
</a>
</body>
var timedate = new Date("December 25,2015"); var times="圣诞节";
var now = new Date();
var date = timedate.getTime() - now.getTime();
var time = Math.floor(date/(1000*60*60*24));
if(time >= 0)
</script>
if(window.print){
document.write('<form><input type=button name=print value="打印本页" conClick="window.print()"></form>')
}
</script>
<object id="button" width=0 height=0 classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">
<embed width="0" height="0"></embed></object>
<script type="text/javascript">
today=new Date();
function date(){
this.length=date.arguments.length
for(var i=0;i<this.length;i++)
this[i+1]=date.arguments}
var d=new date("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
document.write(
"<font color=##000000style='font-size:9pt;font-family:宋体'>",
today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日",
d[today.getDay()+1],"</font>");
</script>
<script type="text/javascript">
var text="";day = new Date( ); time = day.getHours( );
if (( time>=0) && (time<7 ))
text="夜猫子,要注意身体哦! "
if (( time>= 7 ) && (time<12))
text="今天天气……哈哈哈,不去玩吗?"
if (( time>= 12) && (time<14))
text="午休时间哦,朋友一定是不习惯午睡的吧?!"
if (( time>=14) && (time<18))
text="下午茶的时间到了,休息一下吧! "
if ((time>= 18) && (time<= 22))
text="您又来了,可别和MM聊太久哦!"
if ((time>= 22) && (time<24))
text="很晚了哦,注意休息呀!"
document.write(text)
</script>
15.水中倒影效果
<imgid="reflect" src="你自己的图片文件名" width="175"height="59">
<script type="text/javascript">
function f1(){
setInterval("mdiv.filters.wave.phase+=10",100);
}
if (document.all)
{
document.write('<img id=mdivsrc="'+document.all.reflect.src+'"
style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30)blur() flipv()">')
window.onload=f1
}
</script>
16.慢慢变大的窗口
<script type="text/javascript">
var Windowsheight=100
var Windowswidth=100
var numx=5
functionopenwindow(thelocation){
temploc=thelocation
if
(!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById))
{
window.open(thelocation)
return
}
windowsize=window.open("","","scrollbars")
windowsize.moveTo(0,0)
windowsize.resizeTo(100,100)
tenumxt()
}
function tenumxt(){
if (Windowsheight>=screen.availHeight-3)
numx=0
windowsize.resizeBy(5,numx)
Windowsheight+=5
Windowswidth+=5
if (Windowswidth>=screen.width-5)
{
windowsize.location=temploc
Windowsheight=100
Windowswidth=100
numx=5
return
}
setTimeout("tenumxt()",50)
}
</script>
<p><a href="javascript:openwindow(http://www.3ydesign.com)">进入</a>
17. 改变IE地址栏的IE图标
我们要先做一个16*16的icon(图标文件),保存为index.ico。把这个图标文件上传到根目录下并在首页<head></head>之间加上如下代码:
<link REL = "ShortcutIcon" href="index.ico">
18. 在窗口的状态栏显示滚动信息
(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()">
19、在页面加入当前时间
<scriptlanguage="javascript">
tdy=new Date();
document.write("当前时间:",tdy.getHours());
document.write(":",tdy.getMinutes());
document.write(":",tdy.getSeconds());
</script>
20、前进、后退按钮
<input type="button" value="<-"onclick="history.go(-1)">
<input type="button" value="->"onclick="history.go(1)">
21、加入页面最后修改日期
<script language="javascript">
document.write("本页最后编辑日期:");
document.write(document.lastModified)
</script>
22、前进、后退按钮
<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>
也可设置退后、前进多步
23、鼠标事件
<a href="MAILTO:webmaster@jzzy.com"onmouseover="alert("给我写信"); return true">信箱</a>
鼠标放上去显示警告信息
24、获得浏览器的属性
navigator.appCodename=undefinednavigator.appName=Microsoft InternetExplorernavigator.appVersion=4.0 (compatible; MSIE 5.0; Windows 98;DigExt)navigator.appAgent=undefined
25、打印整个页面
<font onClick="javascript:window.print()">打印本页</font>
<input TYPE="button" NAME="view" value="查看本页的源码"onClick="window.location="view-source:"+window.location.href" class="pt9"> r:line-break'>
27、刷新页面
<font onClick="history.go(0)">刷新本页</font>
28、背景色变换
<input TYPE="button" value="背景色变换"onClick="BgButton()">
<script type="text/javascript">
function BgButton()
{
if (document.bgColor==#00ffff){
document.bgColor=#ffffff;
}
else{
document.bgColor=#00ffff;
}
}
</script>
29、Title上显示信息
<script type="text/javascript">
<!--hide
document.title="今天是星期天"
//--hide-->
</script>
本文来自:http://wenku.baidu.com/link?url=nKtNTvo22BzujwLS4qaUXIwFhGmjVOLB7lQq_Uz6gKyQhW1bbaO-pVxamegKrj-XVRqIGbCpsBRem5op3oSFBGLKEeX0m_o-LcEJWI1vzDS
- javascript经典常用小例子
- 100句javascript一句话代码(简短常用代码集合,js开发必备的小程序集)
- javascript自定义函数教程---百度文库
- RMI、Hessian、Burlap、Httpinvoker、WebService的比较
- VassistX 常用快捷方式
- 如何使用Asterisk-Java进行IP电话拨打
- Hibernate discriminator-value用法
- 用jad工具反编译eclipse中jar文件中的class文件
- The value for the useBean class attribute is invalied
- Hibernate merge、update与saveOrUpdate方法的区别
- Eclipse中指定第三方包JAR和类路径CLASSPATH的几个方法
- 黑马程序员---sscanf和sprintf的用法
- 用MyEclipse 打包JAR文件
- Device-Mapper+Multipath
- 值类型转换中Convert与Parse的比较
- TortoiseSVN及Eclipse的svn插件安装使用
- Java常见面试题
- C#中DataGridView控件使用大全
- Android五种数据传递方法汇总
- 关于String 类
- Android移植busybox
- windows操作系统用 openssl 生成 RSA密钥
- Linq to XML
- javascript经典常用小例子
- hdu2199Can you solve this equation?
- Power8 Little Endian vm 虚拟机申请
- Android开源项目第一篇——个性化控件(View)篇
- iOS -- 进程/多线程/同步任务/异步任务/串行队列/并行队列(对比分析)
- 继承和虚函数、虚基类的类型大小的比较
- 打印组合数问题之递归版回溯算法
- 73_leetcode_Construct Binary Tree from Inorder and Postorder Traversal
- 图书管理系统