javascript中常用

2012年4月2日 发表评论 阅读评论

javascript中常用

1. 屏蔽鼠标右键
oncontextmenu="window.event.returnValue=false"
<table border oncontextmenu=return(false)><td>no</table> 可用于Table

2. 无法选取、禁止复制
<body onselectstart="return false">

3. 禁止复制
oncopy="return false;" oncut="return false;"

4. 禁止粘贴
onpaste="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=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=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 onload="top.resizeTo(300,200);">
打开页面的位置
<body onload="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.onmousedown=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象素,无工具条,无菜单条,无滚动条,不可调整大小,无地址栏,无状态栏

Added by Admin (2005-9-30 1:43:48)
动态加css文件:document.createStyleSheet("xxx.css")
为某个对象写style:obj.cssText
obj.all.tags("table")   //查找所有obj中包含的table
obj.children.getElementByTagName("标签名称") xml中
创建web对象
function addElement(p,el){ return p.appendChild(element.document.createElement(el)); }

你在表格中输入了连串无空格的英文或数字,它们被IE识别为一个完整的单词,所以不会自动换行,遇到这种情况,你可以通过CSS把文字强行打散,例如:

  <td style="word-break:break-all">……</td>
表格:
insertRow(index) insertCell(index) deleteRow(index)

item

sjkdfkasjdfaj
sdkfjlsdkjflkjsdlf
sdfsdf


转载请注明来自:[MSN Spaces]http://msn.shandian.biz/308.html

  1. 本文目前尚无任何评论.