页面导航：首页 → 网络编程 → JavaScript → 应用技巧 → 正文内容

推荐发几个常用控件(新加DHTML控件)

发布：dxy 字体：[增加减小] 类型：转载

注意:由于是直接使用windows内置控件,以下的代码都没有考虑兼容问题。要使页面正常显示需要开启浏览器的ActiveX。
1.Microsoft Masked Edit Control, version 6.0

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

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>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

添加codebase,使没有安装过的用户也可以使用...
3.Microsoft Slider Control, version 6.0

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

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 \>  
<div id="result" width="100%"></div>  
<OBJECT ID="CDC" CLASSID="CLSID:F9043C85-F6F2-101A-A3C9-08002B2F49FB">  
</OBJECT>  
<SCRIPT LANGUAGE="JavaScript">  
<!--

function showSave(){          
        CDC.DialogTitle = "保存结果";  
        CDC.Filter = "文本文件(*.txt)|*.txt|全部文件(*.*)|*.*";  
        CDC.ShowSave();  
        result.innerText = "文件名：" + CDC.FileName;      
    }

function showFont(){  
        CDC.ShowFont();  
        result.innerText = "字体：" + CDC.FontName + ",大小：" + CDC.FontSize + CDC.FontBold?",粗体":"" + CDC.FontItalic?",斜体":"" ;  
    }  
          
    function showColor(){  
        CDC.ShowColor();  
        result.innerHTML = "<font color='#" + CDC.color.toString(16) + "'>颜色值(RGB):#" + CDC.color.toString(16) + ",颜色值(Long):" + CDC.color + "</font>";          
    }  
//-->  
</SCRIPT>  
</BODY>  
</HTML>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

5.Microsoft TabStrip Control, version 6.0

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

6.Microsoft ProgressBar Control, version 6.0

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：推荐发几个常用控件(新加DHTML控件)