一个js棘手，头痛，闹心，问题


呵呵 ，比较简单用 div 做个文本框 
在输入事件指向一个方法在方法里：若果输入的 是 “鲜花” ,那么 "鲜花".replace(this ,"<img src=".." />")

解决方案 »

  1.   

    <html>
    <head>
    <script language=javascript>
    function ChangeSeason()
    {if(event.keyCode==13){
    document.getElementById("imgContain").parentNode.style.display="";
    switch (document.getElementById("season").value){
    case "spring" :
    document.getElementById("imgContain").src="1.jpg";
    break;
    case "summer":
    document.getElementById("imgContain").src="2.jpg";
    break;
    default:
    document.getElementById("imgContain").parentNode.style.display="none";
    }
    }
    }
    </script>
    </head>
    <body>
    <input type="text" name="season" id="season" onKeyDown="ChangeSeason();"/>
    <div style="display:none" ><img id="imgContain"/></div>
    </body>
    </html>
      

  2.   

    和html页面有个face文件夹 下面放这 10 个图片 0-9.gif
    可以自己去放
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <style type="text/css">
    #editMain{width:400;height:250;border:1px solid #8DD8F8;font-size:12px;}
    </style>
    <script language="javascript">
    var pImage = ["零" ,"一" ,"二" ,"三" ,"四" ,"五" ,"六" ,"七" ,"八" ,"九"];
    var bHtml = "";
    var Text2Image = function(obj){
    var sHtml = obj.innerHTML;
    if(sHtml != bHtml)
    {
    obj.innerHTML = "";
    for(var i=0;i<pImage.length;i++)
    {
    if(sHtml.indexOf(pImage[i]) != -1)
    {
    sHtml = sHtml.replace(pImage[i] ,"<img src=face/"+ i +".gif />");
    }
    }
    bHtml = sHtml;
    document.selection.createRange().pasteHTML(sHtml);
    }
    };
    </script>
    </HEAD><BODY>
    <div id="editMain"  onkeyup="Text2Image(this)" contenteditable></div>
    </BODY>
    </HTML>