列出些常用的javascript，大家可以把这些做成一个类，方便在项目中重复的调用。
至于怎么做，Blog已有介绍，我就不多说了。
欢迎大家补充^_^
1．让文字不停地滚动
Html代码 复制代码
1. <MARQUEE>滚动文字</MARQUEE>
<MARQUEE>滚动文字</MARQUEE>
2．记录并显示网页的最后修改时间
Html代码 复制代码
1. <script language=javascript> document．write("最后更新时间: " + document．lastModified + "") </script>
<script language=javascript> document．write("最后更新时间: " + document．lastModified + "") </script>
3．关闭当前窗口
Html代码 复制代码
1. <a href="/"onClick="javascript：window.close();return false;">关闭窗口</a>
<a href="/"onClick="javascript：window.close();return false;">关闭窗口</a>
4．5秒后关闭当前页
Html代码 复制代码
1. <script language="javascript"> setTimeout('window.close();',5000); </script>
<script language="javascript"> setTimeout('window.close();',5000); </script>
5．2秒后载入指定网页
Html代码 复制代码
1. <head> <meta http-equiv="refresh" content="2;URL=http://你的网址"> </head>
<head> <meta http-equiv="refresh" content="2;URL=http://你的网址"> </head>
6．添加到收藏夹
Html代码 复制代码
1. <Script Language="javascript"> function bookmarkit() { window.external.addFavorite('http://你的网址','你的网站名称') } if (document．all)document．write('<a href="#" onClick="bookmarkit()">加入收藏夹</a>') </Script>
<Script Language="javascript"> function bookmarkit() { window.external.addFavorite('http://你的网址','你的网站名称') } if (document．all)document．write('<a href="#" onClick="bookmarkit()">加入收藏夹</a>') </Script>
7．让超链接不显示下划线
Html代码 复制代码
1. <style type="text/css"> a:link{text-decoration:none} a:hover{text-decoration:none} a:visited{text-decoration:none} </style>
<style type="text/css"> a:link{text-decoration:none} a:hover{text-decoration:none} a:visited{text-decoration:none} </style>
8．禁止鼠标右键的动作
Html代码 复制代码
1. <Script Language = "javascript"> function click() { if (event.button==2||event.button==3) { alert('禁止鼠标右键'); } document．onmousedown=click </Script>
<Script Language = "javascript"> function click() { if (event.button==2||event.button==3) { alert('禁止鼠标右键'); } document．onmousedown=click </Script>
9．设置该页为首页
Html代码 复制代码
1. <body bgcolor="#FFFFFF" text="#000000"> <!-- 网址：http://你的网址--> <a class="chlnk" style="cursor:hand" HREF onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('你的网站名称);"><font color="000000" size="2" face="宋体">设为首页</font></a> </body>
<body bgcolor="#FFFFFF" text="#000000"> <!-- 网址：http://你的网址--> <a class="chlnk" style="cursor:hand" HREF onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('你的网站名称);"><font color="000000" size="2" face="宋体">设为首页</font></a> </body>
10．节日倒计时
Html代码 复制代码
1. <Script Language="javascript"> var timedate= new Date("December 25,2003"); var times="圣诞节"; var now = new Date(); var date = timedate.getTime() - now.getTime(); var time = Math.floor(date / (1000 * 60 * 60 * 24)); if (time >= 0) document．write("现在离"+times+"还有: "+time +"天")</Script>
<Script Language="javascript"> var timedate= new Date("December 25,2003"); var times="圣诞节"; var now = new Date(); var date = timedate.getTime() - now.getTime(); var time = Math.floor(date / (1000 * 60 * 60 * 24)); if (time >= 0) document．write("现在离"+times+"还有: "+time +"天")</Script>
11．单击按钮打印出当前页
Html代码 复制代码
1. <Script Language="javascript"> Begin if (window.print) { document．write('<form>' + '<input type=button name=print value="打印本页" ' + 'onClick="javascript：window.print()"></form>'); } // End </Script>
<Script Language="javascript"> Begin if (window.print) { document．write('<form>' + '<input type=button name=print value="打印本页" ' + 'onClick="javascript：window.print()"></form>'); } // End </Script>
12．单击按钮‘另存为’当前页
Html代码 复制代码
1. <input type="button" name="Button" value="保存本页" onClick="document．all.button.ExecWB(4,1)"> <object id="button" width=0 height=0 classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"> <embed width="0" height="0"></embed> </object>
<input type="button" name="Button" value="保存本页" onClick="document．all.button.ExecWB(4,1)"> <object id="button" width=0 height=0 classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"> <embed width="0" height="0"></embed> </object>
13．显示系统当前日期
Html代码 复制代码
1. <script language=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=##000000 style='font-size:9pt;font-family: 宋体'> ", today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日", d[today.getDay()+1],"</font>" ); </script>
<script language=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=##000000 style='font-size:9pt;font-family: 宋体'> ", today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日", d[today.getDay()+1],"</font>" ); </script>
14．不同时间段显示不同问候语
Html代码 复制代码
1. <Script Language="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>
<Script Language="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．水中倒影效果
Html代码 复制代码
1. <img id="reflect" src="你自己的图片文件名" width="175" height="59"> <script language="javascript"> function f1() { setInterval("mdiv.filters.wave.phase+=10",100); } if (document．all) { document．write('<img id=mdiv src="'+document．all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">') window.onload=f1 } </script>
<img id="reflect" src="你自己的图片文件名" width="175" height="59"> <script language="javascript"> function f1() { setInterval("mdiv.filters.wave.phase+=10",100); } if (document．all) { document．write('<img id=mdiv src="'+document．all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">') window.onload=f1 } </script>
16．慢慢变大的窗口
Html代码 复制代码
1. <Script Language="javascript"> var Windowsheight=100 var Windowswidth=100 var numx=5 function openwindow(thelocation){ temploc=thelocation if (!(window.resizeTo&&document．all)&&! (window.resizeTo&&document．getElementById)) { window.open (thelocation) return } windowwindowsize=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.xxx.com)">进入</a>
<Script Language="javascript"> var Windowsheight=100 var Windowswidth=100 var numx=5 function openwindow(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.xxx.com)">进入</a>
17．改变IE地址栏的IE图标
我们要先做一个16*16的icon（图标文件），保存为index.ico。把这个图标文件上传到根目录下并在首页<head></head>之间加上如下代码：
Html代码 复制代码
1. <link REL = "Shortcut Icon" href="index.ico">
分享到：
相关推荐
【HTML+CSS+JavaScript网页模板】是Web开发中常见的元素，它们构成了网页的基本结构、样式和交互性。HTML（HyperText Markup Language）是用于创建网页内容的标记语言，CSS（Cascading Style Sheets）则负责定义这些...
1. **CSS Help Sheet 02.pdf**：这可能是一个CSS速查表，列举了常用的CSS属性和它们的用法，可能是按照类别（如颜色、字体、布局等）组织的。 2. **CSS2 Quick Reference Guide.pdf**：CSS2是CSS的一个早期版本，这...
本资源"程序员常用的javascript特效"旨在为开发者提供一系列实用的JavaScript特效实例，帮助他们快速实现所需功能。 在JavaScript特效中，有以下几个重要的知识点： 1. **DOM操作**：JavaScript通过Document ...
"JavaScript_CSS视图转换的常用模式.zip"这个压缩包很可能包含了关于如何利用JavaScript来操纵CSS，进行视图转换的一些示例或教程。 JavaScript作为前端开发中的重要语言，它提供了强大的能力来操作DOM（文档对象...
本文将详细介绍JavaScript CSS Style属性对照表的相关知识点，包括常用的CSS属性及其对应的JavaScript写法，并通过实例进行讲解。 #### 二、JavaScript操作CSS Style属性的基础 在JavaScript中，可以通过`element....
这个压缩包“JavaScript 和 CSS 常用工具方法封装.zip”显然包含了一些常用的方法和函数，帮助开发者更高效地进行开发工作。下面我们将详细探讨这两个领域的常见工具方法。 **JavaScript 工具方法** 1. **类型检测...
- **内置函数**：介绍JavaScript提供的常用函数。 - **内部对象**：了解预定义的对象类型。 **第二十一章：使用框架和Cookies** - **框架内使用JavaScript**：实现动态更新框架内容。 - **Cookies管理**：设置、...
JavaScript语法基于ECMAScript标准，常用的语句包括变量声明（`var`, `let`, `const`），条件语句（`if...else`，`switch`），循环（`for`, `while`, `do...while`），以及函数定义（`function`）。事件处理是...
《疯狂HTML 5/CSS3/JavaScript讲义》是一本全面介绍HTML 5、CSS3和JavaScript前端开发技术的图书，系统地介绍了HTML 5常用的元素和属性、HTML 5的表单元素和属性、HTML5的绘图支持、HTML 5的多媒体支持、CSS3的功能...
HTML、CSS和JavaScript是构建网页和Web应用程序的基础技术。本手册主要关注这三种语言的语法规范。 HTML，全称为HyperText Markup Language，是一种标记语言，用于描述网页的结构和内容。HTML文件由一系列元素和...
本文将深入探讨一些程序员常用的JavaScript特效及其背后的原理。 首先，我们来谈谈JavaScript基础。JavaScript是一种解释型、弱类型、基于原型的对象导向语言，它主要在浏览器环境中运行，用于处理用户交互、操作...
在网页设计和开发中，CSS（层叠样式表）和JavaScript是两个不可或缺的工具。CSS负责页面的布局和样式，而JavaScript则提供了交互性和动态功能。以下是对标题“常用CSS跟JS效果整理”中涉及的知识点的详细说明。 **1...
《疯狂html 5/css 3/javascript讲义》是一本全面介绍html 5、css 3和javascript前端开发技术的图书，系统地介绍了html 5常用的元素和属性、html 5的表单元素和属性、html 5的绘图支持、html 5的多媒体支持、css 3的...
JavaScript中的CodeHints是一种非常实用的开发工具特性，它为开发者提供了自动补全代码的功能，极大地提高了编写CSS语法的效率和准确性。在JavaScript中实现CSS语法提示功能，通常涉及到以下几个核心知识点： 1. **...
HTML+CSS+JavaScript教程课件PPT 本教程主要介绍HTML、CSS和JavaScript的基础知识，旨在帮助读者快速掌握网页设计和开发的技能。以下是教程的知识点摘要： 1. HTML简介： * HTML是Hyper Text Markup Language的...
在学习过程中，建议首先掌握HTML的基本语法和元素，然后学习CSS的布局技巧和样式控制，最后深入JavaScript，熟悉其语法和常用库、框架的应用。同时，不断练习编写代码，对照源码分析，逐步提高自己的网页设计和制作...
第二部分：详细地介绍了CSS 3的绝大部分常用选择器、属性，并为这些 选择器、属性提供了示例，方便广大读者参考本书全面、系统地掌握CSS 3的 功能和用法。这部分内容也可以作为前端开发者的参考手册。 第三部分：...
同时，也会接触JavaScript库和框架，如jQuery和React，以了解现代Web开发的常用工具。 四、实战案例 教学大纲结合具体项目，让学生将所学知识应用到实践中。这些案例可能包括：创建个人简历网站、电子商务平台的...
这个压缩包文件中的"一些常用的Javascript特效"显然包含了多种利用JavaScript实现的视觉效果和交互功能，这些效果可以极大地提升网站的吸引力和用户体验。让我们深入探讨一下JavaScript特效在网页设计中的重要性和...