Question

如果用参数调用函数setImg（）没有运行但如果没有传递参数那么函数运行我做错了请帮助。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>

    <script type="text/javascript">
         function setImg(p)
         { 
             window.alert(p);
             document.getElementById('img').innerHTML ="<img src=p width='100' height='105'>";
         }
     </script>
</head>

<body>

    <a href="#" onclick="setImg("images/user-icon.png");">load image</a>
    <div id="img">
    </div>
</body>
</html>

Answer 1

你错过了src的引号加上你应该分解字符串并添加变量以防止它以文本形式阅读p。

将JS更新为以下内容：

<script type="text/javascript">
     function setImg(p)
     { 
       document.getElementById('img').innerHTML ="<img src='" + p + "' width='100' height='105'>";
     }
 </script>

另外在HTML中你需要小心引号：

<a href="#" onclick="setImg('images/user-icon.png');">load image</a>

Answer 2

引用的小错误

更改

<a href="#" onclick="setImg("images/user-icon.png");">load image</a>

到

<a href="#" onclick="setImg('images/user-icon.png');">load image</a>

Answer 3

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>

    <script type="text/javascript">
         function setImg(p)
         { 
             window.alert(p);
             document.getElementById('img').innerHTML ="<img src=p width='100' height='105'>";
         }
     </script>
</head>

<body>

    <a href="#" onclick="setImg('images/user-icon.png');">load image</a>
    <div id="img">
    </div>
</body>
</html>

你的意外关闭了html属性，你应该使用'单引号。

如果我传递参数，则不会调用javascript函数

3 个答案: