您的位置：首页 > Web前端 > JavaScript
JS（javascript）的一些小技巧

2011-09-22 17:18 316 查看
1.弹出新页面，关闭旧页面，不弹出提示框
var w=screen.availWidth-10；
var h=screen.availHeight-10；
var swin=window.open("/mc/mc/message_management.jsp",
"BGSMbest","scrollbars=yes,status,location=0,menubar=0,toolbar=0,resizable=no,top=0,left=0,height="+h+",w

idth="+w)；
window.opener=null；
window.close()；//

2.能输入的下拉框
<span>
<input name="Department1" id="Department1" style=" border-right:0；width:130" autocomplete="off">
<span style="width:150；overflow:hidden">
<ｓｅｌｅｃｔ   style="width:150；margin-left:-130" onChange="Department1.value=value">
<option value=""></option>
<option value="asdfasfadf">asdfasfadf</option>
<option value="546546">546546</option></ｓｅｌｅｃｔ> //

3.在方法中定义全局变量
function globalVar (script) {
eval(script)；//all navigators
//window.ｅｘｅｃScript(script)； //for ie only
}
globalVar(‘window.haha = "../system"；‘)；
alert(haha)；//在方法中定义全局变量，其中的haha就是全局变量了

4.显示一个对象的全部的属性和属性的值
var a=new Object()；
a.name=‘a1‘；
a.***=‘mail‘
for(var p in a)
{
alert(p+"="+a[p])
}//

5.16进制转换成10进制
var n = parseInt("2AE",16)；//这里将16进制的 2AE 转成 10 进制数，得到 n 的值是 686

6.复制粘贴
<BODY>
<input type="file" name=‘a1‘><input type="button" value=‘复制粘贴‘ onclick="haha()"><div id="aa"></div>
<SCRIPT LANGUAGE="javascript">
<！——
function haha()
{
clipboardData.setData("Text",a1.value)；
aa.innerText=clipboardData.getData("Text")；
}
//——>
</SCRIPT>
</BODY>//

7.获得对象类型
switch (object.constructor){
case Date:
...
case Number:
...
case String:
...
case MyObject:
...
default:
...
}//

8.图片加载失败时重新加载图片
<img src="aa.gif" onerror="this.src=‘aa.gif‘">//

9
//font_effect.htc
<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="glowit()" />
<PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="noglow()" />
<SCRIPT LANGUAGE="JScript">
//定义一个保存字体颜色的变量
var color；
function glowit()
{
color=element.style.backgroundColor；
element.style.backgroundColor=‘white‘
}
function noglow()
{
element.style.backgroundColor=color
}
</SCRIPT>

//abc.css
tr{behavior:url(font_effect.htc)；}

10.可以通过css和htc改变表格的颜色,仅IE支持
//xxx.html
<link rel="stylesheet" type="text/css" href="abc.css">
<TABLE border=‘1‘   id="a1">
<TR style="background-color:red">
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
</TR>
<TR style="background-color:yellow">
<TD>4</TD>
<TD>5</TD>
<TD>6</TD>
</TR>
</TABLE>//

11.在页面上画点
function a(x,y,color)
{
document.write("<img border=‘0‘ style=‘position: absolute； left: "+(x+20)+"； top:

"+(y+20)+"；background-color: "+color+"‘ width=1 height=1>")
}//

12.自动关闭网页
<script LANGUAGE="javascript">
<！——
setTimeout(‘window.close()；‘, 10000)； //60秒后关闭
// ——>
</script>
<p align="center">本页10秒后自动关闭,请注意刷新页面</p>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理
标签：
相关文章推荐
新的分享
章节导航