js技巧收集(71-100个)

文章作者:[自由天堂] | 文章来源:互联网 | 发布时间:2008-10-20 | 文字【小中大】

70.截取小数点后两位
var a=3454545.4454545;
alert(a.toFixed(2));//

71.禁止选择页面上的文字来拷贝
<script>
function noEffect() {
with (event) {
    returnValue = false;
    cancelBubble = true;
}
return;
}
</script>
<body onselectstart="noEffect()" oncontextmenu="noEffect()">// [转载著名:http://w3c_web600_net]

72.屏蔽右键菜单
oncontextmenu="event.returnValue = false"// [转载著名:W3C_网页标准学院]

73.事件禁止起泡
event.cancelBubble = true//
[转载著名: http://w3c.web600.net ]

74.禁止在输入框打开输入法
<input style="ime-mode: disabled">// [转载著名:http://w3c.web600.net]

75.屏蔽汉字和空格
<input name="txt"><input type="submit" onClick="alert(!/[^ -}]|\s/.test(txt.value))">//
[转载著名:http://w3c_web600_net]

76.用javascript判断文件是否存在
function Exists(filespec)
{
if (filespec)
{
var fso;
fso = new ActiveXObject("Scripting.FileSystemObject");
alert(fso.FileExists(filespec));
}
}
选择图片 <input type=file name=f1><p>
<input type="submit" onClick="Exists(f1.value)">//
[转载著名:w3c.web600.net]

77.获得当前的文本框选中的文字
<input onmouseup="alert(document.selection.createRange().text)" value=123>// [转载著名:W3C网页标准学院]

78.跳转至目标页面，同时不可返回
<a href="javascript:location.replace('http://www.sohu.com/')">sohu.com</a>// [转载著名:W3C 网页标准学院]

79.获得当前的行是表格的第几行
<script>
function getrow(obj)
{
   if(event.srcElement.tagName=="TD"){
   curRow=event.srcElement.parentElement;
   alert("这是第"+(curRow.rowIndex+1)+"行"); [转载著名:W3C 网页标准学院]

   }
}
</script>
[转载著名:W3C网页标准学院]

<table border="1" width="100%" onclick=getrow(this)>
<tr>
    <td width="20%">　</td>
    <td width="20%">　</td>
    <td width="20%">　</td>
    <td width="20%">　</td>
    <td width="20%">　</td>
</tr>
<tr>
    <td width="20%">　</td>
    <td width="20%">　</td>
    <td width="20%">　</td>
    <td width="20%">　</td>
    <td width="20%">　</td>
</tr>
</table>// [转载著名:w3c.web600.net]

80.删除表格某行，xx表示某行，下标从0开始计算
document.all.myTable.deleteRow(xx)// [转载著名:w3c.web600.net]

81.动态的向表格中添加行
<table id="t1" border="1">
</table>
<script language="JavaScript">
function add()
{
   t1.insertRow().insertCell().innerHTML = '<input name="test'+t1.rows.length+'">';
}// [转载著名:W3C网页标准学院]

[转载著名:W3C_网页标准学院]

82.event.x,event.clientX,event.offsetX区别：
x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。 clientX:相对于客户区域的x坐标位置，不
[转载著名:http://w3c.web600.net]

包括滚动条，就是正文区域。 offsetx：设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。
screenX:相对于用户屏幕。
[转载著名:W3C网页标准学院!]

83.显示是鼠标按钮的哪个
<body onMouseDown="alert(event.button)">点Mouse看看// [转载著名:W3C 网页标准学院]

84.打开C盘
<form action="file:///c|/"><input type="submit" value="c:\ drive"></form>//

85.当前屏幕的分辨率
screen.width、screen.height// [转载著名:W3C网页标准学院]

86.设置表格中的内容
tbl.rows[0].cells[1].innerText=document.form.text1.value;//
[转载著名:http://w3c_web600_net]

87.本地快捷键
<p><a href="file:///::{208D2C60-3AEA-1069-A2D7-08002B30309D}" target="_blank">网上邻居</a></p>
<p><a href="file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}\d:\web" target="_blank">我的电脑</a></p>
<p><a href="file:///::{450D8FBA-AD25-11D0-98A8-0800361B1103}" target="_blank">我的文档</a></p>
<p><a href="file:///::{645FF040-5081-101B-9F08-00AA002F954E}" target="_blank">回收站</a></p>
<p><a href="file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}\::{21EC2020-3AEA-1069-A2DD-08002B30309D}" [转载著名:W3C网页标准学院]

target="_blank">控制面板</a></p>
<p><a href="file:///::{7007ACC7-3202-11D1-AAD2-00805FC1270E}">拨号网络</a>(windows 2000)</p>
[转载著名:W3C网页标准学院!]

88.IE菜单
<button onclick="min.Click()"><font face="webdings">0</font></button>//改变按钮上的图片
<input type=button onclick="document.execCommand('CreateLink','true','true')"> //创建新连接
<input type=button onclick="document.execCommand('print','true','true')"> //打印
<input type=button onclick="document.execCommand('saveas','true','网站制作.htm')">//另存为htm
<input type=button onclick="document.execCommand('saveas','true','网站制作.txt')">//另存为txt
document.execCommand("SaveAs")//保存为
document.execCommand('undo')//撤销上一次操作
[转载著名:W3C 网页标准学院]

89.web对话框
<SCRIPT>
var contents='<style>body,td{font:menu}img{cursor:hand}</style>';
contents+='<title>你要关闭我吗</title>';
contents+='<body bgcolor=menu>';
contents+='<table width=100% height=100% border=0>';
contents+='<tr><td align=center>';
contents+='你要关闭我吗？<br>';
contents+='<img src=dark.gif onclick=self.close() alt="...关闭">';
contents+='<img src=jet.gif onclick=self.close() alt="全是关闭">';
contents+='</td></tr></table>';
showModalDialog("about:"+contents+"","","dialogHeight:50px;dialogWidth:250px;help:no;status:no")
document.write(contents);
</SCRIPT>//
[转载著名:W3C_网页标准学院]

90.取第x,y的值
<button onclick="t1.rows[x].cells[y].innerText='guoguo'"></button>//
[转载著名:W3C网页标准学院!]

91.向新打开的网页上写内容
newwin=window.open('about:blank','','top=10');
newwin.document.write('');//
[转载著名:http://w3c_web600_net]

93.返回
javascript:history.go(-2);//
[转载著名:http://w3c_web600_net]

94.将页面上选中的内容复制到剪贴板
abcdefg
<input type='button' [转载著名:w3c.web600.net]

onclick="window.clipboardData.setData('text',document.selection.createRange().text);" value='复制页面选中 [转载著名:W3C 网页标准学院]

的字符'>//
95.将页面上选中的内容复制到剪贴板
<INPUT TYPE="text" NAME="">kjhkjhkhkj<INPUT TYPE="button" onclick="document.execCommand('Copy', 'false', [转载著名:w3c.web600.net]

null);">////
[转载著名:W3C_网页标准学院]

96.鼠标移到下拉框时自动全部打开
<select onmouseover="javascript:this.size=this.length" onmouseout="javascript:this.size=1"></select>//
[转载著名:http://w3c_web600_net]

97.获得本机的文件
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.GetFile("C:\\bsitcdata\\ejbhome.xml");
alert("File last modified: " + f1.DateLastModified); //
[转载著名:http://w3c_web600_net]

98.判断客户端是否是IE浏览器
因为 document.all 是 IE 的特有属性，所以通常用这个方法来判断客户端是否是IE浏览器 ,document.all?1:0;
[转载著名: http://w3c.web600.net ]

99.创建新的下拉框选项
new Option(text,value)这样的函数// [转载著名: http://w3c.web600.net ]

100.在页面上画柱状图
<STYLE>
td{font-size:12px}
body{font-size:12px}
v\:*{behavior:url(#default#VML);} //这里声明了v作为VML公用变量
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
mathstr=12;
document.write ("<v:rect fillcolor='red'
[转载著名:W3C 网页标准学院]

style='width:20;color:navy;height:"+5000/(1000/mathstr)+"'><br> %"+mathstr+"<br>4人<v:Extrusion [转载著名:W3C网页标准学院!]

backdepth='15pt' on='true'/></v:rect>")
</SCRIPT>
<v:rect fillcolor='red' style='width:20;color:navy;height:200'><br>%12<br>4人<v:Extrusion [转载著名: http://w3c.web600.net ]

backdepth='15pt' on='true'/></v:rect>
<v:rect fillcolor='yellow' style='width:20;color:navy;height:100'><br>%12<br>4人<v:Extrusion
[转载著名:W3C网页标准学院!]

backdepth='15pt' on='true'/></v:rect>//
[转载著名:http://w3c.web600.net]

[转载著名:http://w3c.web600.net]

作者：自由天堂