οncοntextmenu="window.event.returnValue=false"
<table border οncοntextmenu=return(false)><td>no</table> 可用于Table
2. 无法选取、禁止复制
<body onselectstart="return false">
3. 禁止复制
οncοpy="return false;" oncut="return false;"
4. 禁止粘贴
οnpaste="return false"
5. 最小化、最大化、关闭窗口
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" VALUE="Close"></OBJECT>
<input type=button value=最小化 οnclick=hh1.Click()>
<input type=button value=最大化 οnclick=hh2.Click()>
<input type=button value=关闭 οnclick=hh3.Click()>
本例适用于IE
6. 让表单没有凹凸感
<input type=text style="border:1 solid #000000">
或
<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:1 solid #000000"></textarea>
7. 去掉滚动条
去掉竖条:
<body style="overflow:scroll;overflow-y:hidden">
</body>
去掉横条:
<body style="overflow:scroll;overflow-x:hidden">
</body>
两个都不要:
<body scroll="no">
</body>
8. 去掉图片链接点击后,图片周围的虚线
<a href="#" onFocus="this.blur()"><img src="**.jpg" border=0></a>
9. 在打开的子窗口刷新父窗口的代码
window.opener.location.reload()
10. 设定新开页面的大小
<body οnlοad="top.resizeTo(300,200);">
打开页面的位置
<body οnlοad="top.moveBy(300,200);">
11. 在页面中加入背景,拉动页面时背景图不动
<STYLE>
body
{background-image:url(logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>
12. TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>
13. 网页将不能被另存为
<noscript><iframe src=*.html></iframe></noscript>
14. 单击鼠标右键弹出添加收藏夹对话框
在<body></body>之间加上如下代码:
<Script Language=JavaScript>
if (document.all)
document.body.οnmοusedοwn=new Function("if (event.button==2||event.button==3)
window.external.addFavorite('您的网址','您的网站名称)")
</Script>
15. 随机变换背景图象
在<head></head>之间加上如下代码:
<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>
16. 关闭当前窗口
<a href="/"onClick="javascript:window.close();return false;">关闭窗口</a>
17. 2秒后关闭当前页
<script language="JavaScript">
<!--
setTimeout('window.close();',2000);
-->
</script>
18. 2秒后载入指定网页
<head>
<meta http-equiv="refresh" content="2;URL=http://你的网址">
</head>
19. 改变滚动条的颜色
<STYLE>
BODY {
SCROLLBAR-FACE-COLOR: #000048;
SCROLLBAR-HIGHLIGHT-COLOR: #d82448;
SCROLLBAR-SHADOW-COLOR: #fcd8d8;
SCROLLBAR-3DLIGHT-COLOR: #fc0000;
SCROLLBAR-ARROW-COLOR: #fcfc48;
SCROLLBAR-TRACK-COLOR: #4848fc;
SCROLLBAR-DARKSHADOW-COLOR: #489024;
SCROLLBAR-BASE-COLOR: #482448
}
</STYLE>
20. REALONE播放器镶嵌页面的代码
<object classid="clsid:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA" id="RealAudio1" width="300" height="100">
<param name="_ExtentX" value="7938">
<param name="_ExtentY" value="2646">
<param name="AUTOSTART" value="0">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="0">
<param name="SRC" value="你的音乐地址">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000">
</object>
21. 指定位置随机图片显示
<script language="JavaScript">
a = 3
var slump = Math.random();
var talet = Math.round(slump * (a-1))+1;
function create() {
this.src = ''
this.border = ''
this.alt = ''
}
b = new Array()
for(var i=1; i<=a; i++) { b[i] = new create() }
b[1].src = "../pic/pic01.gif"
b[1].border = "0"
b[1].alt = "图形一"
b[2].src = "../pic/pic02.gif"
b[2].border = "0"
b[2].alt = "图形二"
b[3].src = "../pic/pic03.gif"
b[3].border = "0"
b[3].alt = "图形三"
var visa = "";
visa += '<img src='+b[talet].src+' border="0"'+' alt='+b[talet].alt+'>';
</script>
<script language="JavaScript">
<!-- Hide this script from old browsers --
document.write(visa)
// -->
</script>
22. window.open() 支持环境,语法,参数,例子(详细)
① window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+
② 基本语法:
window.open(pageURL,name,parameters)
其中:
pageURL 为子窗口路径
name 为子窗口句柄
parameters 为窗口参数(各参数用逗号分隔)
③ 各项参数
其中yes/no也可使用1/0;pixel value为具体的数值,单位象素
参数 | 取值范围 | 说明 |
alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后 |
alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上 |
depended | yes/no | 是否和父窗口同时关闭 |
directories | yes/no | Nav2和3的目录栏是否可见 |
height | pixel value | 窗口高度 |
hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键 |
innerHeight | pixel value | 窗口中文档的像素高度 |
innerWidth | pixel value | 窗口中文档的像素宽度 |
location | yes/no | 位置栏是否可见 |
menubar | yes/no | 菜单栏是否可见 |
outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度 |
outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度 |
resizable | yes/no | 窗口大小是否可调整 |
screenX | pixel value | 窗口距屏幕左边界的像素长度 |
screenY | pixel value | 窗口距屏幕上边界的像素长度 |
scrollbars | yes/no | 窗口是否可有滚动栏 |
titlebar | yes/no | 窗口题目栏是否可见 |
toolbar | yes/no | 窗口工具栏是否可见 |
Width | pixel value | 窗口的像素宽度 |
z-look | yes/no | 窗口被激活后是否浮在其它窗口之上 |
④ 例子:
<SCRIPT>
<!--
window.open ('page.html','newwindow','height=100,width=400,top=0,left=0,
toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')
//写成一行
-->
</SCRIPT>
脚本运行后,page.html将在新窗体newwindow中打开,宽为100,高为400,距屏顶0象素,
屏左0象素,无工具条,无菜单条,无滚动条,不可调整大小,无地址栏,无状态栏
Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=502465
##################################################################
一、window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 三、各项参数 参数 | 取值范围 | 说明 示例: |
-- 作者:閑闪少主 -- 发布时间:2005-7-1 12:17:44 -- 【1、最基本的弹出窗口代码】 其实代码非常简单: <SCRIPT LANGUAGE="javascript"> <!-- window.open (/'page.html/') --> </SCRIPT> 因为着是一段javascripts代码,所以它们应该放在<SCRIPT LANGUAGE="javascript">标签和</script>之间。<!-- 和 -->是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。 Window.open (/'page.html/') 用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以,只是不要混用。 这一段代码可以加入HTML的任意位置,<head>和</head>之间可以,<body>间</body>也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。 |
-- 作者:閑闪少主 -- 发布时间:2005-7-1 12:18:34 -- 【2、经过设置后的弹出窗口】 下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。 |
-- 作者:閑闪少主 -- 发布时间:2005-7-1 12:18:45 -- 【3、用函数控制弹出窗口】 下面是一个完整的代码。 <html> <head> <script LANGUAGE="JavaScript"> <!-- function openwin() { window.open ("page.html", "newwindow", "height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no") //写成一行 } //--> </script> </head> <body οnlοad="openwin()"> …任意的页面内容… </body> </html> 这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。 怎么调用呢? 方法一:<body οnlοad="openwin()"> 浏览器读页面时弹出窗口; 方法二:<body οnunlοad="openwin()"> 浏览器离开页面时弹出窗口; 方法三:用一个连接调用: <a href="#" οnclick="openwin()">打开一个窗口</a> 注意:使用的"#"是虚连接。 方法四:用一个按钮调用: <input type="button" οnclick="openwin()" value="打开窗口"> |
-- 作者:閑闪少主 -- 发布时间:2005-7-1 12:19:18 -- 【4、同时弹出2窗口】 对源代码稍微改动一下: |
-- 作者:閑闪少主 -- 发布时间:2005-7-1 12:19:27 -- 【5、主窗口打开文件1.htm,同时弹出小窗口page.html】 如下代码加入主窗口<head>区: <script language="javascript"> <!-- function openwin() {window.open("page.html","","width=200,height=200") } //--> </script> 加入<body>区: <a href="1.htm" οnclick="openwin()">open</a>即可。 |
-- 作者:閑闪少主 -- 发布时间:2005-7-1 12:19:54 -- 【6、弹出的窗口之定时关闭控制】 下面我们再对弹出的窗口进行一些控制,效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中,可不是主页面中,否则…),让它10秒后自动关闭是不是更酷了? |
-- 作者:閑闪少主 -- 发布时间:2005-7-1 12:20:03 -- 【8、内包含的弹出窗口-一个页面两个窗口】 上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。 通过下面的例子,你可以在一个页面内完成上面的效果。 <html> <head> <SCRIPT LANGUAGE="JavaScript"> function openwin() {OpenWindow=window.open("", "newwin", "height=250, width=250,toolbar=no,scrollbars="+scroll+",menubar=no"); //写成一行 OpenWindow.document.write("<TITLE>例子</TITLE>") OpenWindow.document.write("<BODY BGCOLOR=#ffffff>") OpenWindow.document.write("<h1>Hello!</h1>") OpenWindow.document.write("New window opened!") OpenWindow.document.write("</BODY>") OpenWindow.document.write("</HTML>") OpenWindow.document.close()} </SCRIPT> </head> <body> <a href="#" οnclick="openwin()">打开一个窗口</a> <input type="button" οnclick="openwin()" value="打开窗口"> </body> </html> 看看 OpenWindow.document.write()里面的代码不就是标准的HTML吗?只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用OpenWindow.document.close()结束啊。 |
-- 作者:閑闪少主 -- 发布时间:2005-7-1 12:20:33 -- 【9、终极应用--弹出的窗口之Cookie控制】 回想一下,上面的弹出窗口虽然酷,但是有一点小毛病(沉浸在喜悦之中,一定没有发现吧?)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那么每次刷新这个页面,窗口都会弹出一次,是不是非常烦人?:-(有解决的办法吗?Yes! ;-) Follow me. |