易网时代-编程资源站
Welcome
微信登录
首页
/
脚本样式
/
JavaScript
/
推荐发几个常用控件（新加DHTML控件）
注意:由于是直接使用windows内置控件,以下的代码都没有考虑兼容问题。要使页面正常显示需要开启浏览器的ActiveX。
1.Microsoft Masked Edit Control, version 6.0
<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> Microsoft Masked Edit Control, version 6.0 </TITLE> </HEAD> <BODY onload="init（）"> <input type="text" id="result" readonly ><input type="button" value="取值" onclick="getValue（）" > <BR ><BR > <OBJECT ID="MaskEdit" WIDTH="160" HEIGHT="25" CLASSID="CLSID:C932BA85-4374-101B-A56C-00AA003668DC"> </OBJECT> <SCRIPT LANGUAGE="JavaScript"></SCRIPT> </BODY> </HTML>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
2.Microsoft Date and Time Picker Control, version 6.0
<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> Microsoft Date and Time Picker Control, version 6.0 </TITLE> </HEAD> <BODY onload="init（）"> <OBJECT ID="DatePicker" WIDTH="120" HEIGHT="25" codebase="http://activex.microsoft.com/controls/vb6/MSComCt2.cab" CLASSID="CLSID:20DD1B9E-87C4-11D1-8BE3-0000F8754DA1"> </OBJECT><SCRIPT LANGUAGE="JavaScript"></SCRIPT> <SCRIPT LANGUAGE="JavaScript" for="DatePicker" event="Change"></SCRIPT> </BODY> </HTML>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
添加codebase,使没有安装过的用户也可以使用...
3.Microsoft Slider Control, version 6.0
<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> Microsoft Slider Control, version 6.0 </TITLE></HEAD><BODY onload="init（）">当前值：<input type="text" id="currentValue" > <input type="button" value="设值" onclick="setValue（）" ><BR >最大值：<input type="text" id="maxValue" > <input type="button" value="设值" onclick="setMax（）" ><BR ><OBJECT ID="Slider" WIDTH="300" CLASSID="CLSID:F08DF954-8592-11D1-B16A-00C0F0283628"></OBJECT><SCRIPT LANGUAGE="JavaScript"></SCRIPT><SCRIPT LANGUAGE="JavaScript" for="Slider" event="Scroll"></SCRIPT></BODY></HTML>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
4. Microsoft Common Dialog Control, version 6.0
<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> Microsoft Common Dialog Control, version 6.0 </TITLE></HEAD><BODY><input type="button" value="打开" onclick="showOpen（）" ><input type="button" value="颜色" onclick="showColor（）" ><input type="button" value="保存" onclick="showSave（）" ><input type="button" value="帮助" onclick="showHelp（）" ><input type="button" value="打印" onclick="showPrinter（）" ><input type="button" value="字体" onclick="showFont（）" ><BR ><BR >[结果]:<BR ><OBJECT ID="CDC" CLASSID="CLSID:F9043C85-F6F2-101A-A3C9-08002B2F49FB"></OBJECT><SCRIPT LANGUAGE="JavaScript"></SCRIPT></BODY></HTML>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
5.Microsoft TabStrip Control, version 6.0
<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> Microsoft TabStrip Control, version 6.0 </TITLE></HEAD><BODY onload="init（）"><input type="text" value="" id="result" ><BR ><OBJECT ID="TabStrip" WIDTH="400" HEIGHT="300" CLASSID="CLSID:1EFB6596-857C-11D1-B16A-00C0F0283628"></OBJECT><SCRIPT LANGUAGE="JavaScript"></SCRIPT><SCRIPT LANGUAGE="JavaScript" for="TabStrip" event="Click"></SCRIPT></BODY></HTML>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
6.Microsoft ProgressBar Control, version 6.0
<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> Microsoft ProgressBar Control, version 6.0 </TITLE></HEAD><BODY onload="init（）"><input type="text" id="result" ><BR ><OBJECT ID="ProgressBar" WIDTH="300" HEIGHT="10" CLASSID="CLSID:35053A22-8589-11D1-B16A-00C0F0283628"></OBJECT><SCRIPT LANGUAGE="JavaScript"></SCRIPT></BODY></HTML>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
版权所有©石家庄振强科技有限公司2024
冀ICP备08103738号-5
网站地图
易网时代-编程资源站
易网时代-编程资源站