哪位大哥帮小弟解决一个很简单的问题 ，问题如下！

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>事件字符连接问题</title>
<script language=javascript type =text/javascript>
  function insertText(id)
  {
    var i=2,b=2
   document.getElementById (id).innerHTML ="<input type='button' value='添加内容' onclick='ss('+i+b+')'>";
   window.alert (document.getElementById (id).innerHTML);
  }
  function ss(id)
  {
     document.getElementById (id).innerText+="你是谁？";
  }
</script>
</head><body onload ="insertText(11)">
<table style ="border-collapse:collapse;border:1px solid red;width:49%;height:49%;table-layout:fixed" >
<tr><td></td></tr>
<tr><td id="11"></td></tr>
<tr><td id="22"></td></tr>
</table></body></html>

帮我看看上面的代码！ 内容很简单就是想弄懂js字符连接问题！document.getElementById (id).innerHTML ="<input type='button' value='添加内容' onclick='ss('+i+b+')'>";具体就是要写这句话！该怎么写啊！在线等

解决方案 »

  1.   

    参考如下代码：
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title> 事件字符连接问题</title>
    <script type="text/javascript">
    function insertText(id) {
    var i = 2, b = 2;
    var element = document.getElementById(id);
    element.innerHTML = "<input type='button' value='添加内容' onclick=\"ss(" + i + b +")\">";
    alert(element.innerHTML);
    }function ss(id) {
    document.getElementById(id).innerHTML += "你是谁？</br>";
    }
    </script>
    </head><body onload ="insertText(11)">
    <table style ="border-collapse:collapse;border:1px solid red;width:49%;height:49%;table-layout:fixed" >
    <tr><td></td></tr>
    <tr><td id="11"></td></tr>
    <tr><td id="22"></td></tr>
    </table>
    </body>
    </html>建议：
    1、用utf8而不要用gb2312编码，不利于国际化；
    2、代码一定要整洁、有递进、可读性高；
    3、innerText只有IE下支持，现在非IE浏览器越来越普及，还是兼容一下吧。
      

  2.   

       element.innerHTML = "<input type='button' value='添加内容' onclick=\"ss(" + i + b +")\">";
    楼上的兄弟干嘛用\定界啊？小弟我不懂啊！ 我初学者！
      

  3.   

    \"转义字符，在引号内部用引号时使用，或者用单引号也可以,好理解一些。
    element.innerHTML = "<input type='button' value='添加内容' onclick='ss(" + i + b +")'>";