js技巧收集(200多个)——2

现在的位置: 首页 > 综合 > 正文

js技巧收集(200多个)——2

2017年11月28日 ⁄ 综合 ⁄ 共 11205字 ⁄ 字号小中大 ⁄ 评论关闭

<div id=hint
style="display:none"></div>
</BODY>
</HTML>
---------------------------------------------------------------------------------------------------------

------------

57.弹出窗口
方法一：<body onload="openwen()"> 浏览器读页面时弹出窗口；
方法二：<body
onunload="openwen()"> 浏览器离开页面时弹出窗口；
方法三：用一个连接调用：<a href="#"
onclick="openwin()">打开一个窗口</a>
注意：使用的"#"是虚连接。

方法四：用一个按钮调用：<input type="button" onclick="openwin()" value="打开窗口">
何时装载script

58.动态改变字体的大小
function doZoom(size)
{

document.getElementById('zoom').style.fontSize=size+'px'
}

function aa()
{
var newWin=window.open(url);

newWin.document.form1.text1.value=value1;
}改变弹出窗口上域的属性
opener.document.form2.text2.value=value2;改变父窗口的域的值

59.判断是何种浏览器
var name = navigator.appName;
if (name == "Microsoft
Internet EXPlorer")
alert("IE");
else if (name ==
"Netscape")
alert("NS");//

60.vbsscript确定框
<script language="VBScript">

</script>//

61.复制内容到剪切板
function JM_cc(bb)
{
    var
ob=eval("document.form1."+bb);
    ob.select();

js=ob.createTextRange();
    js.execCommand("Copy");
}//

62.java中建立数据库连接取数据
public void init()

{
String
url="jdbc:odbc:javadata";
try
{

Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");
Connection
con=DriverManager.getConnection(url,"sa","");//mssql database user SA and
password

DatabaseMetaData dma=con.getMetaData();
System.out.println("Connect
to"+dma.getURL());
System.out.println(";Driver "+dma.getDriverName());

System.out.println(";Version "+dma.getDriverVersion());

System.out.println("");
Statement stmt=con.createStatement();

ResultSet rs=stmt.executeQuery("select * from company.dbo.TB_NAME where
number=1");//Sql
rs.next();
String
dispresult=rs.getString("name");
System.out.println(dispresult);//
Instead,you can display it in Paint() or use AWT etc.
rs.close();

stmt.close();
con.close();
}
catch(SQLException ex)
{

System.out.println("!!!SQL Exception !!!");
while(ex!=null)
{

System.out.println("SQLState:"+ex.getSQLState());

System.out.println("Message:"+ex.getMessage());

System.out.println("Vendor:"+ex.getErrorCode());

ex=ex.getNextException();
   System.out.println("");
}

}
catch(java.lang.Exception ex)
{

ex.printStackTrace();
}
}//

63.最小化窗口
window.blur()//

64.文档的路径
document.URL//

65.定时执行某段程序
setTimeout("change_color()",600);

66.设置为主页
function makeHome(){

netscape.security.PrivilegeManager.enablePrivilege("UniversalPreferencesWrite");

navigator.preference("browser.startup.homepage", location.href);
}//

67.设置为收藏
function addFav(){
if(ie)

window.external.AddFavorite(location.href,'WWW.OGRISH.COM : GROTESQUE MOVIES AND
PICTURES');

if(ns)
alert("Thanks for the bookmark!/n/nNetscape users click OK then
press CTRL-D");

}//

68.判断cookie是否可用
navigator.cookieEnabled;//

69.显示有模式的有页面的弹出窗口
function setbgcolor_onclick()
{
var color =
showModalDialog("/mailpage/compose/colorsel.html",0,"help=0");
if (color !=
null)
{
document.compose.bgcolor.value = color;
}
}//

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()">//

72.屏蔽右键菜单
oncontextmenu="event.returnValue = false"//

73.事件禁止起泡
event.cancelBubble = true//

74.禁止在输入框打开输入法
<input style="ime-mode: disabled">//

75.屏蔽汉字和空格
<input name="txt"><input type="submit"
onClick="alert(!/[^ -}]/s/.test(txt.value))">//

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)">//

77.获得当前的文本框选中的文字
<input
onmouseup="alert(document.selection.createRange().text)" value=123>//

78.跳转至目标页面，同时不可返回
<a
href="javascript:location.replace('http://www.sohu.com/')">sohu.com</a>//

79.获得当前的行是表格的第几行
<script>
function getrow(obj)
{

if(event.srcElement.tagName=="TD"){

curRow=event.srcElement.parentElement;

alert("这是第"+(curRow.rowIndex+1)+"行");

}
}
</script>

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

80.删除表格某行，xx表示某行，下标从0开始计算
document.all.myTable.deleteRow(xx)//

81.动态的向表格中添加行
<table id="t1"
border="1">
</table>
<script
language="JavaScript">
function add()
{

t1.insertRow().insertCell().innerHTML = '<input
name="test'+t1.rows.length+'">';
}//

82.event.x,event.clientX,event.offsetX区别：
x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。
clientX:相对于客户区域的x坐标位置，不

包括滚动条，就是正文区域。 offsetx：设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。
screenX:相对于用户屏幕。

83.显示是鼠标按钮的哪个
<body
onMouseDown="alert(event.button)">点Mouse看看//

84.打开C盘

<form action="file:///c/"><input type="submit" value="c:/
drive"></form>//

85.当前屏幕的分辨率
screen.width、screen.height//

86.设置表格中的内容
tbl.rows[0].cells[1].innerText=document.form.text1.value;//

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

target="_blank">控制面板</a></p>
<p><a
href="file:///::{7007ACC7-3202-11D1-AAD2-00805FC1270E}">拨号网络</a>(windows
2000)</p>

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')//撤销上一次操作

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=http://www.knowsky.com/dark.gifonclick=self.close()
alt="...关闭">';
contents+='<img
src=http://www.knowsky.com/jet.gifonclick=self.close()
alt="全是关闭">';
contents+='</td></tr></table>';
showModalDialog("about:"+contents+"","","dialogHeight:50px;dialogWidth:250px;help:no;status:no")

document.write(contents);
</SCRIPT>//

90.取第x,y的值
<button
onclick="t1.rows[x].cells[y].innerText='guoguo'"></button>//

91.向新打开的网页上写内容
newwin=window.open('about:blank','','top=10');
newwin.document.write('');//

93.返回
javascript:history.go(-2);//

94.将页面上选中的内容复制到剪贴板
abcdefg
<input type='button'

onclick="window.clipboardData.setData('text',document.selection.createRange().text);"
value='复制页面选中

的字符'>//
95.将页面上选中的内容复制到剪贴板
<INPUT TYPE="text"
NAME="">kjhkjhkhkj<INPUT TYPE="button"
onclick="document.execCommand('Copy', 'false',

null);">////

96.鼠标移到下拉框时自动全部打开
<select
onmouseover="javascript:this.size=this.length"
onmouseout="javascript:this.size=1"></select>//

97.获得本机的文件
var fso = new ActiveXObject("Scripting.FileSystemObject");

var f1 = fso.GetFile("C://bsitcdata//ejbhome.xml");
alert("File last
modified: " + f1.DateLastModified); //

98.判断客户端是否是IE浏览器

因为 document.all 是 IE 的特有属性，所以通常用这个方法来判断客户端是否是IE浏览器 ,document.all?1:0;

99.创建新的下拉框选项
new Option(text,value)这样的函数//

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'

style='width:20;color:navy;height:"+5000/(1000/mathstr)+"'><br> %"+mathstr+"<br>4人<v:Extrusion

backdepth='15pt'
on='true'/></v:rect>")
</SCRIPT>
<v:rect fillcolor='red'
style='width:20;color:navy;height:200'><br>%12<br>4人<v:Extrusion

backdepth='15pt' on='true'/></v:rect>
<v:rect
fillcolor='yellow'
style='width:20;color:navy;height:100'><br>%12<br>4人<v:Extrusion

backdepth='15pt' on='true'/></v:rect>//

101.饼图
<style>

v/:*     { behavior: url(#default#VML)
}
o/:*     { behavior: url(#default#VML) }
.shape    { behavior:
url(#default#VML) }
</style>
<script
language="javascript">
function
show(pie)
{
pie.strokecolor=pie.fillcolor;
pie.strokeweight=10;
div1.innerHTML="<font
size=2 color=red> " + pie.id +"</font> <font size=2>" + pie.title
+ "</font>";
}
function
hide(pie)
{
pie.strokecolor="white";
pie.strokeweight=1;
div1.innerHTML="";
}
</script>
</head>
<body>
<v:group
style='width: 5cm; height: 5cm' coordorigin='0,0'
coordsize='250,250'>

<v:shape id='asp技术' style='width:10;height:10;top:10;left:0' title='得票数:6
比例:40.00%'