innerHTML中内调用onclick事件问题

junkiboy 2014-02-19 10:11:41

如下代码，我在innerHTML里面加入一个href事件，事件需要传入一个参数，但是这个参数有空格，解析的时候就出错了，求大大帮忙解决下，万分感谢！！！

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>无标题文档</title>

<script   type="text/JavaScript">

 

    function aaa(){

		var a = "李 伟";

        document.getElementById("cxtj").innerHTML= " <a href='#' onclick='bbb('" + a + "')'> 测试 </a>";

           

    } 

 

    function bbb(a){

		alert(a);

 

    }

 

</script>

 

 

<body >

    <table align="center">

        <tr>

            <td>

                <div id ="cxtj">

          

                </div>

         

             <input type="button" onclick="aaa()" value="点击"/>

            </td>

        </tr>

    </table>

</body>

</html>

...全文

156 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

简易人 2014-02-20

打赏
举报

兄弟，你这里的 onclick='bbb('" + a + "')' 被解析成了，onclick='bbb(李伟)' 了，故此，肯定语法就通不过了啊，你可以用chrome 浏览器，看看。

junkiboy 2014-02-20

打赏
举报

引用 2 楼 mengjunquan 的回复:

楼主兄弟，看看结果是否是你想要的。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script   type="text/JavaScript">
 
    function aaa(){
		var a = "李伟";

        document.getElementById("cxtj").innerHTML= ' <a href="#" onclick="bbb(\''+a+'\')"> 测试 </a>';
           
    } 
 
    function bbb(a){
		alert(a);
 
    }
 
</script>
 
 
<body >
    <table align="center">
        <tr>
            <td>
                <div id ="cxtj">
          
                </div>
         
             <input type="button" onclick="aaa()" value="点击"/>
            </td>
        </tr>
    </table>
</body>
</html>

哥们儿已验证，确实可以，能否解释下啊，我想知道原因

简易人 2014-02-19

打赏
举报

楼主兄弟，看看结果是否是你想要的。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script   type="text/JavaScript">
 
    function aaa(){
		var a = "李伟";

        document.getElementById("cxtj").innerHTML= ' <a href="#" onclick="bbb(\''+a+'\')"> 测试 </a>';
           
    } 
 
    function bbb(a){
		alert(a);
 
    }
 
</script>
 
 
<body >
    <table align="center">
        <tr>
            <td>
                <div id ="cxtj">
          
                </div>
         
             <input type="button" onclick="aaa()" value="点击"/>
            </td>
        </tr>
    </table>
</body>
</html>