JS常用代码收集3
2009-10-03 19:10
423 查看
以下为摘自网络的JS代码,供日后学习和查阅(所有内容摘自网络,部分原地址在文末尾):
17、打开窗口即最大化
<script language="JavaScript">
<!-- Begin
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
// End -->
</script>
18、加入背景音乐
<bgsound src="mid/windblue[1].mid"
loop="-1"> 只适用于IE
<embed src="music.mid" autostart="true" loop="true"
hidden="true"> 对Netscape ,IE 都适用
19、 滚动
<marquee direction=up height=146 onmouseout=start()
onmouseover=stop() scrollAmount=2>滚动信息
</marquee>
20、防止点击空链接时，页面往往重置到页首端
代码“javascript:void(null)”代替原来的“#”标记
21、文字或图片弹出指定大小的窗口
在body中加入
<script language="JavaScript"
type="text/JavaScript">
function MM_openBrWindow(theURL,winName,features)
{window.open(theURL,winName,features);}
</script>
弹出代码
<a href="#" target="_self"
onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')"
width="550" height="380"
border="0">图片或文字</a>
22、 flash按钮加链接
on (press) {
getURL("http://www.makewing.com","_blank
");
}
23、跳转页面代码
<meta http-equiv="refresh"
content="5;url=http://www.makewing.com">
24、细线分隔线
<hr noshade size=0
color=#C0C0C0>
25、网页中的自动换行
<td
style="word-break:break-all">就搞定了。
完整的是
style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP:
break-word"
26、消除ie6自动出现的图像工具栏，设置 GALLERYIMG属性为false或no .
<IMG SRC="mypicture.jpg" HEIGHT="100px"
WIDTH="100px" GALLERYIMG="no">
27、禁止页面正文内容被选取
<body oncontextmenu="return false"
ondragstart="return false" onselectstart ="return false"
onselect="document.selection.empty()"
oncopy="document.selection.empty()" onbeforecopy="return
false"onmouseup="document.selection.empty()">
28、不能点右键，不用CTRL+A，不能复制作!
<body
oncontextmenu="window.event.returnValue=false"
onkeypress="window.event.returnValue=false"
onkeydown="window.event.returnValue=false"
onkeyup="window.event.returnValue=false"
ondragstart="window.event.returnValue=false"
onselectstart="event.returnValue=false">
</body>
29、IE浏览器支持一个 Body 属性 bgproperties，它可以让背景不滚动:
<Body Background="图片文件"
bgproperties="fixed">
30、随机变换背景图象（一个可以刷新心情的特效）
<Script Language="JavaScript">
image = new Array(4); //定义image为图片数量的数组
image [0] = 'tu0.gif' //背景图象的路径
image [1] = 'tu1.gif'
image [2] = 'tu2.gif'
image [3] = 'tu3.gif'
image [4] = 'tu4.gif'
number = Math.floor(Math.random() * image.length);
document.write("<BODY
BACKGROUND="+image[number]+">");
</Script>
31、flash载入影片
on (release)
{
loadMovie("1-01.swf", "_root.loaderclip");
}
32、图片表单按钮
<form id="form1" name="form1" method="post"
action="">
<img src="login.gif" width="62" height="22"
onclick="document.form1.submit()" />
</form>
33、左右阴影背景的CSS定义方法
body {
text-align:center;
background-repeat: repeat-y;
background-position: center;
background-image: url(../images/bg.jpg);
}
34、划过链接 手型鼠标
style="cursor:hand"
35、如何关闭层
<div
id="Layer1"></div>
<a href="#"
onClick="Layer1.style.display='none'">关闭层</a>
36、关闭窗口的脚本
<a
href=javascript:close()>[关闭窗口]</a>
37、如果文字过长,则将过长的部分变成省略号显示
<DIV STYLE="width: 120px; height: 50px; border: 1px
solid blue;overflow: hidden;
text-overflow:ellipsis">
<NOBR>就是比如有一行文字，很长，表格内一行显示不下.</NOBR>
</DIV>
38、进入主页后自动最大化
<script>
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
</script>
39、凹陷文字
<div
style="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all;
font-size:12px; line-height:18px;
background-color:#eeeeee;">
<font disabled>
怎么样，我凹下去了吧？<br>
你不想试试吗？<br>
<a href="http://www.lenvo.cn/">www.lenvo.cn</a></font
>
</div>
40、运行代码框
<script>
function Preview()
{var TestWin=open('');
TestWin.document.write(code.value);}
</script>
<textarea id=code cols=60
rows=15></textarea>
<br>
<button onclick=Preview()
>运行</button>
41、给表格做链接
<table width="100%"
onclick="window.open('http://www.makewing.com/', '_blank')"
style="CURSOR:hand">
<tr>
<td height="100"
bgcolor="f4f4f4"> </td>
</tr>
</table>
42、让弹出窗口总是在最上面
<body onblur="this.focus();">
43、CSS文字阴影
.shadowfont{FILTER: dropshadow(color=#666666, offx=1, offy=1,
positive=1); FONT-FAMILY: "宋体"; FONT-SIZE: 9pt;COLOR:
#ffffff;}
44、后退&关闭窗口
后退：javascript:history.back(1)
关闭：javascript:window.close();
45、表格透明
style="FILTER: alpha(opacity=72)"
46、如何避免别人把你的网页放在框架中
<script
language=“javascript”><!--if
(self!=top){top.location=self.location;}
-->< /script>
47、Alt和Title的区别
alt 用来给图片来提示的。Title用来给链接文字或普通文字提示的。
<a href="#"
Title="给链接文字提示">文字</a>
<p
Title="给链接文字提示">文字</p>
<img src="图片链接" alt="给图片提示">
48、所有的javascript的调用尽量采取外部调用
<SCRIPT LANGUAGE="javascript"
SRC="js/xxxxx.js"></SCRIPT>
49、链接到
response.redirect"login.asp"
location.href="xx.asp"
onClick="window.location='login.asp'"
onClick="window.open('')"
50、基本链接样式
a:link 表示链接的样式
a:active 表示当前活动连接的样式
a:hover 表示鼠标划过时的样式
a:visited 表示已经访问过的连接的样式
"link-visited-hover-active" 简记为 "lvha" 即 "love"+"hate"
51、在同一页面设置不同文字链接效果的样式
<style type="text/css">
.green {COLOR: #309633}
.green A:link {COLOR: #309633; TEXT-DECORATION: none}
.green A:visited {COLOR: #309633; TEXT-DECORATION: none}
.green A:hover {COLOR: #309633; TEXT-DECORATION: underline}
.green A:active {COLOR: #309633; TEXT-DECORATION: none}
</style>
<a href="#"
class="green">文字</a>
原文网址：http://www.0936.net.cn/blog/article.asp?id=41
<!--禁止鼠标右键代码-->
<noscript><iframe
src=*.html></iframe></noscript>
//网页将不能被另存为
<noscirpt>的用法很广，其中一条就是可以使JS广告失效。
<script language=javascript>
<!--
if (window.Event)
document.captureEvents(Event.MOUSEUP);
function nocontextmenu(){
event.cancelBubble = true
event.returnValue = false;
return false;
}
function norightclick(e){
if (window.Event){
if (e.which == 2 || e.which ==
3)
return false;
}
else
if (event.button == 2 ||
event.button == 3){
event.cancelBubble = true
event.returnValue = false;
return
false;
}
}
document.oncontextmenu = nocontextmenu; // for IE5+
document.onmousedown = norightclick; // for all others
//-->
</script>
1.将彻底屏蔽鼠标右键,无右键菜单
<body
oncontextmenu="window.event.returnvalue=false">
也可以用于网页中Table框架中
<table border
oncontextmenu=return(false)><td>no</table>
2.取消选取、防止复制
<body onselectstart="return
false">
3.不准粘贴
<body onpaste="return false">
4.防止复制
<body oncopy="return false;" oncut="return
false;">
5.IE地址栏前换成自己的图标
<link rel="Shortcut Icon"
href="favicon.ico">
说明：关于favicon.ico文件的制作。你可以先在FW中做一个图片，属于你自己站点一个小图标。然后在ACD
see将文件属性改为*.ico，然后将你做的*.ICO文件传到你的服务器目录中，然后就可以使用以上代码来实现，当别人登陆你的站点时，地址栏里使用
的就是你自定义的图标了。很PP哦。
6.可以在收藏夹中显示出你的图标
在网页的〈head〉〈/head〉间加入以下语句：
〈link rel="shortcuticon" href="http://…/icon.ico
"〉
即可。其中 icon.ico 为 16x16 的图标文件，
颜色不要超过 16 色。
说明：制作方法和上面的一样。只是显示的方式不同，这个是在别人收藏你的网页地址时显示的个性图标。也很PP.
7.关闭输入法
<input style="ime-mode:disabled">
说明：这段代码是在表格提交时用到的。也就是在输入数据时不可以使用其他输入法模式。
网页经典代码（二)
8.永远都会带着框架
<script
language="javascript"><!--
if (window == top)top.location.href = "frames.htm";//
--></script>
说明：frames.htm为你的网页，这也是保护页面的一种方法
9.防止被人frame
<SCRIPT
LANGUAGE=javascript><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>
10.网页将不能被另存为
<noscript><iframe
src=*.html></iframe></noscript>
说明：<noscirpt>的用法很广，其中一条就是可以使JS广告失效。
11.查源文件
<input type=button value=查看网页源代码
onclick="window.location = 'view-source:'+
'http://www.e3i5.com/test.htm';">
12.COOKIE脚本记录，有很大的用处哦
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (documents.cookie.length > 0) {
offset = documents.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
// set index of beginning of value
end = documents.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1)
end = documents.cookie.length;
returnvalue=unescape(documents.cookie.substring(offset,
end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openpopup()
documents.cookie="popped=yes"
}
}
说明：以上是JS代码，请自己加起始符和结束符
17、打开窗口即最大化
<script language="JavaScript">
<!-- Begin
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
// End -->
</script>
18、加入背景音乐
<bgsound src="mid/windblue[1].mid"
loop="-1"> 只适用于IE
<embed src="music.mid" autostart="true" loop="true"
hidden="true"> 对Netscape ,IE 都适用
19、 滚动
<marquee direction=up height=146 onmouseout=start()
onmouseover=stop() scrollAmount=2>滚动信息
</marquee>
20、防止点击空链接时，页面往往重置到页首端
代码“javascript:void(null)”代替原来的“#”标记
21、文字或图片弹出指定大小的窗口
在body中加入
<script language="JavaScript"
type="text/JavaScript">
function MM_openBrWindow(theURL,winName,features)
{window.open(theURL,winName,features);}
</script>
弹出代码
<a href="#" target="_self"
onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')"
width="550" height="380"
border="0">图片或文字</a>
22、 flash按钮加链接
on (press) {
getURL("http://www.makewing.com","_blank
");
}
23、跳转页面代码
<meta http-equiv="refresh"
content="5;url=http://www.makewing.com">
24、细线分隔线
<hr noshade size=0
color=#C0C0C0>
25、网页中的自动换行
<td
style="word-break:break-all">就搞定了。
完整的是
style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP:
break-word"
26、消除ie6自动出现的图像工具栏，设置 GALLERYIMG属性为false或no .
<IMG SRC="mypicture.jpg" HEIGHT="100px"
WIDTH="100px" GALLERYIMG="no">
27、禁止页面正文内容被选取
<body oncontextmenu="return false"
ondragstart="return false" onselectstart ="return false"
onselect="document.selection.empty()"
oncopy="document.selection.empty()" onbeforecopy="return
false"onmouseup="document.selection.empty()">
28、不能点右键，不用CTRL+A，不能复制作!
<body
oncontextmenu="window.event.returnValue=false"
onkeypress="window.event.returnValue=false"
onkeydown="window.event.returnValue=false"
onkeyup="window.event.returnValue=false"
ondragstart="window.event.returnValue=false"
onselectstart="event.returnValue=false">
</body>
29、IE浏览器支持一个 Body 属性 bgproperties，它可以让背景不滚动:
<Body Background="图片文件"
bgproperties="fixed">
30、随机变换背景图象（一个可以刷新心情的特效）
<Script Language="JavaScript">
image = new Array(4); //定义image为图片数量的数组
image [0] = 'tu0.gif' //背景图象的路径
image [1] = 'tu1.gif'
image [2] = 'tu2.gif'
image [3] = 'tu3.gif'
image [4] = 'tu4.gif'
number = Math.floor(Math.random() * image.length);
document.write("<BODY
BACKGROUND="+image[number]+">");
</Script>
31、flash载入影片
on (release)
{
loadMovie("1-01.swf", "_root.loaderclip");
}
32、图片表单按钮
<form id="form1" name="form1" method="post"
action="">
<img src="login.gif" width="62" height="22"
onclick="document.form1.submit()" />
</form>
33、左右阴影背景的CSS定义方法
body {
text-align:center;
background-repeat: repeat-y;
background-position: center;
background-image: url(../images/bg.jpg);
}
34、划过链接 手型鼠标
style="cursor:hand"
35、如何关闭层
<div
id="Layer1"></div>
<a href="#"
onClick="Layer1.style.display='none'">关闭层</a>
36、关闭窗口的脚本
<a
href=javascript:close()>[关闭窗口]</a>
37、如果文字过长,则将过长的部分变成省略号显示
<DIV STYLE="width: 120px; height: 50px; border: 1px
solid blue;overflow: hidden;
text-overflow:ellipsis">
<NOBR>就是比如有一行文字，很长，表格内一行显示不下.</NOBR>
</DIV>
38、进入主页后自动最大化
<script>
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
</script>
39、凹陷文字
<div
style="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all;
font-size:12px; line-height:18px;
background-color:#eeeeee;">
<font disabled>
怎么样，我凹下去了吧？<br>
你不想试试吗？<br>
<a href="http://www.lenvo.cn/">www.lenvo.cn</a></font
>
</div>
40、运行代码框
<script>
function Preview()
{var TestWin=open('');
TestWin.document.write(code.value);}
</script>
<textarea id=code cols=60
rows=15></textarea>
<br>
<button onclick=Preview()
>运行</button>
41、给表格做链接
<table width="100%"
onclick="window.open('http://www.makewing.com/', '_blank')"
style="CURSOR:hand">
<tr>
<td height="100"
bgcolor="f4f4f4"> </td>
</tr>
</table>
42、让弹出窗口总是在最上面
<body onblur="this.focus();">
43、CSS文字阴影
.shadowfont{FILTER: dropshadow(color=#666666, offx=1, offy=1,
positive=1); FONT-FAMILY: "宋体"; FONT-SIZE: 9pt;COLOR:
#ffffff;}
44、后退&关闭窗口
后退：javascript:history.back(1)
关闭：javascript:window.close();
45、表格透明
style="FILTER: alpha(opacity=72)"
46、如何避免别人把你的网页放在框架中
<script
language=“javascript”><!--if
(self!=top){top.location=self.location;}
-->< /script>
47、Alt和Title的区别
alt 用来给图片来提示的。Title用来给链接文字或普通文字提示的。
<a href="#"
Title="给链接文字提示">文字</a>
<p
Title="给链接文字提示">文字</p>
<img src="图片链接" alt="给图片提示">
48、所有的javascript的调用尽量采取外部调用
<SCRIPT LANGUAGE="javascript"
SRC="js/xxxxx.js"></SCRIPT>
49、链接到
response.redirect"login.asp"
location.href="xx.asp"
onClick="window.location='login.asp'"
onClick="window.open('')"
50、基本链接样式
a:link 表示链接的样式
a:active 表示当前活动连接的样式
a:hover 表示鼠标划过时的样式
a:visited 表示已经访问过的连接的样式
"link-visited-hover-active" 简记为 "lvha" 即 "love"+"hate"
51、在同一页面设置不同文字链接效果的样式
<style type="text/css">
.green {COLOR: #309633}
.green A:link {COLOR: #309633; TEXT-DECORATION: none}
.green A:visited {COLOR: #309633; TEXT-DECORATION: none}
.green A:hover {COLOR: #309633; TEXT-DECORATION: underline}
.green A:active {COLOR: #309633; TEXT-DECORATION: none}
</style>
<a href="#"
class="green">文字</a>
原文网址：http://www.0936.net.cn/blog/article.asp?id=41
<!--禁止鼠标右键代码-->
<noscript><iframe
src=*.html></iframe></noscript>
//网页将不能被另存为
<noscirpt>的用法很广，其中一条就是可以使JS广告失效。
<script language=javascript>
<!--
if (window.Event)
document.captureEvents(Event.MOUSEUP);
function nocontextmenu(){
event.cancelBubble = true
event.returnValue = false;
return false;
}
function norightclick(e){
if (window.Event){
if (e.which == 2 || e.which ==
3)
return false;
}
else
if (event.button == 2 ||
event.button == 3){
event.cancelBubble = true
event.returnValue = false;
return
false;
}
}
document.oncontextmenu = nocontextmenu; // for IE5+
document.onmousedown = norightclick; // for all others
//-->
</script>
1.将彻底屏蔽鼠标右键,无右键菜单
<body
oncontextmenu="window.event.returnvalue=false">
也可以用于网页中Table框架中
<table border
oncontextmenu=return(false)><td>no</table>
2.取消选取、防止复制
<body onselectstart="return
false">
3.不准粘贴
<body onpaste="return false">
4.防止复制
<body oncopy="return false;" oncut="return
false;">
5.IE地址栏前换成自己的图标
<link rel="Shortcut Icon"
href="favicon.ico">
说明：关于favicon.ico文件的制作。你可以先在FW中做一个图片，属于你自己站点一个小图标。然后在ACD
see将文件属性改为*.ico，然后将你做的*.ICO文件传到你的服务器目录中，然后就可以使用以上代码来实现，当别人登陆你的站点时，地址栏里使用
的就是你自定义的图标了。很PP哦。
6.可以在收藏夹中显示出你的图标
在网页的〈head〉〈/head〉间加入以下语句：
〈link rel="shortcuticon" href="http://…/icon.ico
"〉
即可。其中 icon.ico 为 16x16 的图标文件，
颜色不要超过 16 色。
说明：制作方法和上面的一样。只是显示的方式不同，这个是在别人收藏你的网页地址时显示的个性图标。也很PP.
7.关闭输入法
<input style="ime-mode:disabled">
说明：这段代码是在表格提交时用到的。也就是在输入数据时不可以使用其他输入法模式。
网页经典代码（二)
8.永远都会带着框架
<script
language="javascript"><!--
if (window == top)top.location.href = "frames.htm";//
--></script>
说明：frames.htm为你的网页，这也是保护页面的一种方法
9.防止被人frame
<SCRIPT
LANGUAGE=javascript><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>
10.网页将不能被另存为
<noscript><iframe
src=*.html></iframe></noscript>
说明：<noscirpt>的用法很广，其中一条就是可以使JS广告失效。
11.查源文件
<input type=button value=查看网页源代码
onclick="window.location = 'view-source:'+
'http://www.e3i5.com/test.htm';">
12.COOKIE脚本记录，有很大的用处哦
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (documents.cookie.length > 0) {
offset = documents.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
// set index of beginning of value
end = documents.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1)
end = documents.cookie.length;
returnvalue=unescape(documents.cookie.substring(offset,
end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openpopup()
documents.cookie="popped=yes"
}
}
说明：以上是JS代码，请自己加起始符和结束符
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 收集的一些常用JS代码和CSS代码
- JS常用代码收集
- JS常用代码收集
- [网络收集]网页常用js代码片段收集
- 收集了项目中常用的js函数和封装代码.
- js常用代码收集1
- JS 常用代码收集
- JS常用代码收集2
- [网络收集]Form表单及网站开发中常用js表单取值方法
- 常用JS图片滚动（无缝、平滑、上下左右滚动）代码大全
- JS常用代码（3）
- JS常用代码（11）
- 收集一些比较好的JS脚本和网页经典代码
- CodingUtils : 常用代码的收集整合
- js正则限制input框输入的常用代码
- js常用代码
- 最常用的五个网页JS特效代码：收藏本站、设为首页、刷新本页
- 常用的JS正则匹配代码(转)
- 兼容IE和FF的js脚本代码小结（比较常用）
- JS_常用代码片段