请问javaScript怎样去设置字体或字体颜色啊？我要的是调那个通用的

请问javaScript怎样去设置字体或字体颜色啊？我要的是调那个通用的
就跟word里一样，我点"字体"，然后就出来一个选择的对话框，可以那样设．

解决方案 »

  1.   

    或者回一下怎样定义字体，普通的，因为我对javascript 很不熟，谢谢 .
      

  2.   

    http://chinasf.cnblogs.com/archive/2005/04/26/145773.html
      

  3.   

    private void InitHtmlEditor()
            {
                string sw = ""; //"<%@ Page Language=vb%><%@ Register TagPrefix=ftb Namespace=FreeTextBoxControls Assembly=FreeTextBox%>";
                sw += "<html>\r\n";
                sw += "<script language=javascript>\r\n";
                sw += " function loadSet(){\r\n";
                sw += "  var frame=document.getElementById(\"i-frame\").contentWindow;\r\n";
                sw += "  frame.document.designMode = \"on\";\r\n";
                sw += "  frame.document.open();\r\n";
                sw += "  frame.document.write(\"<html><font color=red>hello 大家好啊！<br>我是S.F. <br>";
                sw += "  <a href=\\\"http://www.cnblogs.com/chinasf\\\">欢迎访问我的weblog</a></font></html>\");\r\n";
                sw += "  frame.document.close();\r\n";
                sw += " }\r\n";
                sw += " function setBlod(obj){\r\n";
                sw += "  document.getElementById(\"i-frame\").contentWindow.document.execCommand('fontsize','',10);\r\n";
                sw += " }\r\n";            sw += " function setBlod(obj,m){\r\n";
                    sw += " alert(document.getElementById(\"select1\").value)\r\n";
                sw += "  document.getElementById(\"i-frame\").contentWindow.document.execCommand('fontsize','',m);;\r\n";
                sw += " }\r\n";
                sw += "</script>\r\n";            //这里加入了一个html的button，也就是说，你可以把web模式的html编辑器的代码完全copy进来
                sw += "<body onload=\"loadSet()\" scroll=\"yes\"><button onclick=\"setBlod(this,'red');\">Blod</button>\r\n";
                 sw += "<button onclick=\"setBlod(this,'red');\">Blod</button>\r\n";
                 sw += "<select id=\"select1\" onchange=\"setBlod(this,selectedIndex);\"><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option><option>11</option></select>\r\n";
              //  sw += "<FTB:FreeTextBox id=\"FreeTextBox1\"\">Blod</FreeTextBox>\r\n";
                sw += "<iframe id=\"i-frame\" frameBorder=\"1\" width=\"640\" height=\"480\"></iframe>\r\n";
                sw += "</body></html>\r\n";            //写入浏览器
                WriteHtml(sw);
            }
      

  4.   

    private void InitHtmlEditor()
            {
                string sw = ""; //"<%@ Page Language=vb%><%@ Register TagPrefix=ftb Namespace=FreeTextBoxControls Assembly=FreeTextBox%>";
                sw += "<html>\r\n";
                sw += "<script language=javascript>\r\n";
                sw += " function loadSet(){\r\n";
                sw += "  var frame=document.getElementById(\"i-frame\").contentWindow;\r\n";
                sw += "  frame.document.designMode = \"on\";\r\n";
                sw += "  frame.document.open();\r\n";
                sw += "  frame.document.write(\"<html><font color=red>hello 大家好啊！<br>我是S.F. <br>";
                sw += "  <a href=\\\"http://www.cnblogs.com/chinasf\\\">欢迎访问我的weblog</a></font></html>\");\r\n";
                sw += "  frame.document.close();\r\n";
                sw += " }\r\n";            sw += " function setColor(obj,m){\r\n";
                sw += " if(m==1)  \r\n";
                sw += "{ document.getElementById(\"i-frame\").contentWindow.document.execCommand('forecolor','',\"red\")};\r\n";
                sw += "if(m==2) { document.getElementById(\"i-frame\").contentWindow.document.execCommand('forecolor','',\"bule\")};\r\n";
                sw += " }\r\n";
              //  sw += "elseif (m==1) then{document.getElementById(\"i-frame\").contentWindow.document.execCommand('fontsize','',20);}\r\n";
                //sw += "else  {document.getElementById(\"i-frame\").contentWindow.document.execCommand('fontsize','',30);}\r\n";
                //sw += " }\r\n";
                
                sw += " function setBlod(obj){\r\n";
                sw += "  document.getElementById(\"i-frame\").contentWindow.document.execCommand('fontsize','',10);\r\n";
                sw += " }\r\n";            sw += " function setBlod(obj,m){\r\n";
                sw+= "  document.getElementById(\"i-frame\").contentWindow.document.execCommand('fontsize','',1+m);;\r\n";
                sw += " }\r\n";
                sw += "</script>\r\n";            //这里加入了一个html的button，也就是说，你可以把web模式的html编辑器的代码完全copy进来
                sw += "<body onload=\"loadSet()\" scroll=\"yes\"><button onclick=\"setBlod(this,'red');\">Blod</button>\r\n";
                 sw += "<button onclick=\"setBlod(this,'red');\">Blod</button>\r\n";
                 sw += "<select id=\"select1\" onchange=\"setBlod(this,selectedIndex);\"><option>1</option><option>2</option><optiotn>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option></select>\r\n";
                 sw += "<select id=\"select1\" onchange=\"setColor(this,selectedIndex);\"><option>红色</option><option>橙色</option><option>黄色</option><option>绿</option><option>蓝色</option><option>白色</option><option>黑色</option></select>\r\n";
                sw += "<iframe id=\"i-frame\" frameBorder=\"1\" width=\"640\" height=\"480\"></iframe>\r\n";
                sw += "</body></html>\r\n";            //写入浏览器
                WriteHtml(sw);
            }