常用代码

<!–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%; 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;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;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–>

—–

原文地址:https://www.cnblogs.com/limshirley/p/1548570.html