您现在正在浏览：站长之家 >> 设计编程 >> 详细内容

js技巧收集(200多个)

时间:2007-12-27 来源:不详作者:林子

style='fontsize:2'>c#写的.netWEB程序</v:textbox/></v:rect>
<v:rect style='height:10;width:15;top:120;left:10' fillcolor='#ff6600'/>
<v:rect style='height:28;width:100;top:120;left:30' stroked='false'><v:textbox style='fontsize:2'>vb.net

织梦内容管理系统

写的.netWEB程序</v:textbox/></v:rect>
<v:rect style='height:10;width:15;top:150;left:10' fillcolor='#ff99ff'/>
<v:rect style='height:28;width:100;top:150;left:30' stroked='false'><v:textbox style='fontsize:2'>xml技术织梦内容管理系统

</v:textbox/></v:rect>
</v:group> dedecms.com

<div style="position: absolute; left: 10; top: 10; width: 760; height:16">
<table border="1" cellpadding="2" cellspacing="2" cellpadding="0" cellspacing="0" dedecms.com

style="border-collapse: collapse" bordercolor="#CCCCCC" width="100%" ID="Table1">
<tr>
<td width="100%" id=div1>　</td>
</tr>
</table>
</div>// dedecms.com

102.是一个非凡的容器，想装个网页都行
<button><iframe src="http://www.google.com/"></iframe></button>//button 织梦好，好织梦

103.外部的html代码
event.srcElement.outerHTML//

内容来自dedecms

104.标识当前的IE事件的触发器
event.srcElement和event.keyCode//

105.事件类型
event.type// 内容来自dedecms

106.动态改变类型
<style>
.Overnone { border-width:0;background-color:darkblue;cursor:default;color:gold;width:115}
.Outnone {border-width:0;background-color:white;cursor:default;width:115}
</style>
<input class=Outnone onmouseover=this.className='Overnone' >//

织梦内容管理系统

107.页面翻转
<html dir=rtl></html>// 织梦好，好织梦

108.滚屏
parent.scroll(x,y);//
<body onload="s=0" onDblClick="s=setInterval('scrollBy(0, 1)',10)" onClick="clearInterval(s)">//

内容来自dedecms

109.改变状态栏
self.status ="";//

本文来自织梦

110.改变窗口大小
window.resizeTo(200,300);//

内容来自dedecms

111.改变鼠标样式
style
BODY{CURSOR: url('mouse.ani');
SCROLLBAR-BASE-COLOR: #506AA8;
SCROLLBAR-ARROW-COLOR: #14213F;
}//

内容来自dedecms

112.背景透明
<input type="button" value="Button" style="background-color: transparent; border: 0;">//

织梦好，好织梦

113.鼠标为等待外形
<input type=button onclick="this.style.cursor='wait'">// 本文来自织梦

114.调用父窗口的函数
opener.fucntion1();// 织梦好，好织梦

115.body的内部html代码
<input type="button" onclick="alert(code.document.body.innerHTML)" value="查看">//

织梦好，好织梦

116.框架中调用父窗口的函数
<INPUT TYPE='button' onclick='parent.test();' value='调用parent窗口的函数'>// copyright dedecms

117.交换节点
<table width=200 height=200 border>
<tr><td id=c1>CELL_1</td></tr>
<tr><td id=c2>CELL_2</td></tr>
</table>
<br>
<input type="button" value="swap row" onclick="c1.swapNode(c2)">// dedecms.com

118.删除节点
<table width=200 height=200 border>
<tr id=trall><td id=c1>CELL_1</td></tr>
<tr><td id=c2>CELL_2</td></tr>