您的位置:首页 > Web前端 > JavaScript

js常用代码搜集

2011-08-26 11:21 267 查看
<!–star

弹出相当于按F11效果的窗口:window.open(”,”,’fullscreen=1′)

window.open(”,”,’channelmode=1′)

FLASH弹出窗口

javascript:window.open(’http://www.0668.com/guest/mmql/dyjlb/index.htm’,”,’width=580,height=400,scrollbars=1′);void(0)

FLASH动态导入外部文本

loadVariables(”text.txt”, ”_root.mcname”);

有没有可能用层来遮住FLASH?

1.在flash的parameters里加入 <param name=”wmode” value=”transparent”>

2.<body onblur=self.focus()>

———————-弹出窗口——————————-

<script language=”JavaScript”>

<!–

var gt = unescape(’%3e’);

var popup = null;

var over = ”Launch Pop-up Navigator”;

popup = window.open(”, ’popupnav’, ’width=300,height=225,resizable=1,scrollbars=auto’);

if (popup != null) {

if (popup.opener == null) {

popup.opener = self;

}

popup.location.href = ’http://home.lufeng.net/huangyx/xsc1/pop.htm’;

}

// –>

</script>

—————————

如何让表格并排? 首先在第一个表里应该这样写: ”<table border=0 cellpadding=1 cellspacing=1 align=left>” 这table里最为关键是”align=left”这一句。 然后在第二个表里也应该加上align=left 这样,你的目的就达到了。

———————————————————————

如何让两个form表单行距之间不出现空格? 这样写 <TABLE><FORM><TR>…….</TR></FORM></TABLE>

—————————————————————————–

关闭窗口<a href=”javascript:self.close();”>关闭窗口</a>

———————————————————-

如何在我的页面中加入背景音乐?

IE: <bgsound src=”*.mid” loop=infinite>

NS:<embed src=”*.mid” autostart=true hidden=true loop=true>

——————————————————————

FLASh透明:<param name=”wmode” value=”transparent”>

FLASh居下层:<param name=wmode value=opaque>

FLASh全屏fscommand(fullscreen, true)

flash屏蔽右键:

在flash浏览器中,fscommand (”showmenu”, ”false”);

在ie浏览器中,Stage.showmenu=false

iframe背景可以透明:<body bgcolor=transparent>

<marquee height=100% width=95% direction=up onMouseOut=this.start()

onMouseOver=this.stop() scrollamount=1 scrolldelay=1> 我是 </font></marquee>

—————————————–

平方米:M<sup>2</sup>

—————————————-

框架

<iframe style=’height:98%; width:100%; ’ leftmargin=0 scrolling=no framespacing=0 frameborder=0 src=../web/hyforum/index3.php?index=1></iframe>

<IFRAME border=0 name=msghtml marginWidth=0

frameSpacing=0 marginHeight=0 src=”sitemap.files/msg.htm” frameBorder=0

noResize width=150 scrolling=no height=230 vspale=”0″></IFRAME>

———————————-

层的绝对固定:

.layer-k { position: relative; clip: rect( )}

定位层的时候把层放在单元格里面。然后在所在的单元格里面用:

<td class=layer-k >即可!

—————————————————————

一)、设为首页

<a href=# onMouseOver=this.style.behavior=”url(#default#homepage)”;this.setHomePage(”http://www.jsshow.com/”);>设为首页</a>

(二)、收藏本站

onclick=”window.external.addFavorite(’http://ivwsky.126.com’,'天空工作室’)”

href=”">

(三)、在窗口的状态栏显示滚动信息

(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>

白色无阴影的滚动条样式

<style>

BODY {SCROLLBAR-FACE-COLOR: #FFFFFF; SCROLLBAR-HIGHLIGHT-COLOR: #CCCCCC; SCROLLBAR-SHADOW-COLOR: #CCCCCC; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #999999; SCROLLBAR-TRACK-COLOR: #CCCCCC; SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF; }

</style>

防横向滚动条:

这可能是你的网站尺寸做得过于紧张,

现有几种方法可不出现横拉:

1. 以 800*600 设计为标准的,你最好把表格定为 766*426,这是没错的。

2. 你可以用代码使横拉永远不出现:

style=”OVERFLOW-Y: hidden; OVERFLOW-X: hidden”

好明显 OVERFLOW-Y: hidden 为隐藏横拉,

OVERFLOW-X: hidden 为竖拉。

网页设计常用代码荟萃 (转)

2003-2-13 闪客天堂 双击自动滚屏;单击停止

禁止页面正文选取

<body foo1 =”return false” foo1 =”return false” foo1 =”return false” onselect=”document.selection.empty()” oncopy=”document.selection.empty()” onbeforecopy=”return false”onmouseup=”document.selection.empty()”>

消除ie6自动出现的图像工具栏,设置 GALLERYIMG属性为false或no .

<IMG SRC=”mypicture.jpg” HEIGHT=”100px” WIDTH=”100px” GALLERYIMG=”no”>

防止点击空链接时,页面往往重置到页首端。

代码“javascript:void(null)”代替原来的“#”标记

如何避免别人把你的网页放在框架中

<script language=“javascript”><!–if (self!=top){top.location=self.location;} –>< /script>

页面定时刷新

<meta http-equiv=”Refresh” content=”秒” >

页面定时转向新的地址

<meta http-equiv=”refresh” content=”秒;URL=url”>

显示日期

<script language=”javascript”><!–

today=new Date();

var week; var date;

if(today.getDay()==0) week=”星期日”

if(today.getDay()==1) week=”星期一”

if(today.getDay()==2) week=”星期二”

if(today.getDay()==3) week=”星期三”

if(today.getDay()==4) week=”星期四”

if(today.getDay()==5) week=”星期五”

if(today.getDay()==6) week=”星期六”

date=(today.getYear())+”年”+(today.getMonth()+1)+”月”+today.getDate()+”日”+” ”

document.write(”<span style=’font-size: 9pt;’>”+date+week+”</span>”);

// –>

</script>

设为首页

<A href=# onclick=”this.style.behavior=’url(#default#homepage)’;this.setHomePage(’url’);”>设为首页</A>

添加收藏

<A href=”javascript:window.external.AddFavorite(’url’,'title’)”> 加入收藏夹</A>

网页效果集合

网页效果集合

1。忽视右键

 <body oncontextmenu=”return false”>

 或

 <body style=”overflow-y:hidden”>

2。加入背景音乐

 IE:<bgsound src=”*.mid” loop=infinite>

 NS:<embed src=”*.mid” autostart=true hidden=true loop=true>

 </embed>

 *.mid你的背景音乐的midi格式文件

3。简单的window.open方法

 <a href=”#”

 onclick=”javascript:window.open(文件路径/文件名,newwindow,

 toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,

 width=400,height=300);”>文字或图片</a>

 参数解释:

 <SCRIPT LANGUAGE=”javascript”> js脚本开始;

 window.open 弹出新窗口的命令;

 文件路径/文件名 弹出窗口的文件名;

 newwindow 弹出窗口的名字(不是文件名),非必须,可用空代替;

 width=400 窗口宽度;

 height=300 窗口高度;

 top=0 窗口距离屏幕上方的象素值;

 left=0 窗口距离屏幕左侧的象素值;

 toolbar=no 是否显示工具栏,yes为显示;

 menubar,scrollbars 表示菜单栏和*动栏。

 resizable=no 是否允许改变窗口大小,yes为允许;

 location=no 是否显示地址栏,yes为允许;

 status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;

 </SCRIPT> js脚本结束

4。简单的页面加密

 <script LANGUAGE=”javascript”>

 <!–

 function loopy(){

  var sWord =”";

  while(sWord!=”login”){sWord=prompt(”请输入你的登陆密码”);}

  alert(”登陆成功!”);

 }

 loopy()

 //–>

 </script>

5。拉动页面时背景图不动

 <style>

 body{background-image:url(logo.gif);

 background-repeat:no-repeat;background-position:center}

 </style>

6。让浏览器在保存页面时保存失败

 <NOSCRIPT><iframe src=”*.html”></iframe></NOSCRIPT>

7。随机替换图片

 <script>

 document.write(<img src=”img/+parseInt(Math.random()*(5))

 +.gif”height=”40″ width=”50″>)

 </script>

 图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif

8。窗口定时关闭

 先将如下代码网页文件的区:

 <script language=”javascript”>

 function closeit() { setTimeout(”self.close()”,10000) //毫秒 }

 </script>

 然后再在<body>标内加入如:<body onload=”closeit()”>

9。网页自动关闭

 <html>

 <head>

 <object id=closes type=”application/x-oleobject”

 classid=”clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11″>

 <param name=”Command” value=”Close”>

 </object>

 </head>

 <body onload=”window.setTimeout(closes.Click(),10000)”>

 这个窗口会在10秒过后自动关闭,而且不会出现提示.

 </body>

 </html>

10。网页自动刷新

 在head部记入

 <META HTTP-EQUIV=”Refresh” content=”20″>

 其中20为20秒后自动刷新,你可以更改为任意值。

11。网页自动转页

 <META HTTP-EQUIV=”Refresh” CONTENT=”时间(秒);URL=地址”>

12。保持layer在最前面,而不被Iframe、Object所覆盖

 在Layer中再插Iframe 或 Object 设z-Index值

 <div z-Index:2><object ***></object> # 前面

 <div z-Index:1><object ***></object> # 后面

 <div id=”Layer2″ style=”position:absolute; top:40;width:400px;

 height:95px;z-index:2″> height=100% width=100%>

 <iframe width=0 height=0></iframe>

 </div>

 <div id=”Layer1″ style=”position:absolute; top:50;width:200px;

 height:115px;z-index:1″>

 <iframe height=100% width=100%></iframe>

 </div>

13。返回上一页

 <a href=javascript:history.back(1)>『返回上一页』</a>

14。关闭窗口

 <a href=javascript:self.close()>『关闭窗口』</a>

15。关于iframe的透明背景

 <IFRAME ID=”iFrame1″ SRC=”iframe.htm”

 allowTransparency=”true”

 style=”background-color: green”></IFRAME>

—————————————————-

让弹出窗口只打开一次

<script>

function openwin(){

window.open(”page.html”,”",”width=200,height=200″)

}

function get_cookie(Name) {

var search = Name + ”=”

var returnvalue = ”";

if (documents /.cookie.length > 0) {

offset = documents /.cookie.indexOf(search)

if (offset != -1) {

offset += search.length

end = documents /.cookie.indexOf(”;”, offset);

if (end == -1)

end = documents /.cookie.length;

returnvalue=unescape(documents /.cookie.substring(offset, end))

}

}

return returnvalue;

}

function loadpopup(){

if (get_cookie(’popped’)==”){

openwin()

documents /.cookie=”popped=yes”

}

}

</script>

<body onload=”loadpopup()”>

—————————————————————————–

如何让浏览器在保存页面时保存失败?

<NOSCRIPT>

<IFRAME SRC=”*.html”>

</IFRAME>

</NOSCRIPT>

—————————————

如何在不刷新页面的情况下刷新css?

<style>

button{ color:#000000;}

</style>

<button onclick=document.styleSheets[0].rules[0].style.color=’red’>点击按钮直接修改style标签里button选择符使按钮改为红色</button>

—————————————————————————————-

图片不显示虚线边框

onFocus=”this.blur()”

解决iframe在页面中无法自适应

[ 2004-09-10 1:10:33 PM | Author: siyizhu | From: Blueidea ]

iframe是一个比较特殊的控件。他的height只能是一个绝对值,不允许使用百分比。但是你可以用Javascript输出一个iframe的HTML。但是这个相对值只能是当页面加载后赋给的。如果你resize。控件大小仍然是当初加载的高度。这个时候除了你在刷新。高度值才会重新加载。

这里我就想到了一个解决的方法。就是在body的标签中加上一个onResize事件;当你onload的时候触发写好的JS函数。然后在onResize的时候同样出发这个函数。从而解决上述问题。

演示代码如下:

<html>

<body bgcolor=”#000000″ onload=”resizeHeight();” onResize=”resizeHeight();”>

<script language=”javascript”>

function resizeHeight()

{

document.getElementById(”web”.style.height = parseInt(document.body.clientHeight-50);

}

</script>

<iframe name=”web” id=”web” width=”100%” scrolling=”NO” frameborder=0 src=”about:blank”></iframe>

</body>

</html>

end–>

—–
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: