转载收藏 javascript

常用JavaScript(一)

<!--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">

</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 >即可！
---------------------------------------------------------------
一）、设为首页

（二）、收藏本站

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”>< /script>

页面定时刷新
<meta http-equiv="Refresh" content="秒" >

页面定时转向新的地址
<meta http-equiv="refresh" content="秒;URL=url">

显示日期
<script language="javascript">
</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">
　
　</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>

</html>

end-->

posted on 2007-10-15 13:46 北极雪阅读(412) 评论(0) 编辑收藏

新用户注册刷新评论列表


只有注册用户登录后才能发表评论。




网站导航: 博客园 IT新闻知识库 C++博客博问管理

相信自己！

常用链接

留言簿(1)

随笔分类

随笔档案

文章档案

Blogjava好友

搜索

最新评论

阅读排行榜

评论排行榜