0

我目前有：

//javascript
function morshots()
{
    var mordor = document.getElementById("ss1");
    var shots= (
    mordor.innerHTML = <img src="http://i.imgur.com/83HCt.png" alt="scrns1"><img src="http://i.imgur.com/5mWIy.png" alt="scrns2"><img src="http://i.imgur.com/pPafl.png" alt="scrns3">;
}

和

<!--html-->
<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="screenshots.js"></script>
    </head>
    <body>
        <div id="ss1">
            <button onClick="morshots();">View Screenshots</button>
        </div>
    </body>
</html>

目前，该按钮在单击时不执行任何操作。我想要的是图像替换页面上的按钮。这不是我的全部代码，但是为了便于阅读，我省略了不相关的一段代码。

- 编辑 -

我为图像标签周围的内部引号和非转义引号添加了转义符。我仍然得到与页面相同的结果（按钮单击什么都不做）

function morshots()
{
var mordor = document.getElementById("ss1");
mordor.innerHTML = '<img src=\"http://i.imgur.com/83HCt.png\" alt=\"scrns1\"><img src=\"http://i.imgur.com/5mWIy.png\" alt=\"scrns2\"><img src=\"http://i.imgur.com/pPafl.png\" alt=\"scrns3\">';
}'

--- EDIT2:----

修复它，工作代码如下：

function morshots()
{var mordor = document.getElementById("ss1");
mordor.innerHTML = '<img src=\"http://i.imgur.com/83HCt.png\" alt=\"scrns1\"><img src=\"http://i.imgur.com/5mWIy.png\" alt=\"scrns2\"><img src=\"http://i.imgur.com/pPafl.png\" alt=\"scrns3\">';
}
4

3 回答 3

0

<img>在引号内添加s：

function morshots()
{
    var mordor = document.getElementById("ss1");
    mordor.innerHTML = '<img src="http://i.imgur.com/83HCt.png" alt="scrns1"><img src="http://i.imgur.com/5mWIy.png" alt="scrns2"><img src="http://i.imgur.com/pPafl.png" alt="scrns3">';
}
于 2012-11-19T18:47:42.873 回答
0

添加引号并使用 html 在它们之前添加反斜杠 \ 转义它们：

var mordor = document.getElementById("ss1");
mordor.onclick = function () {
  var shots= "<img src=\"http://i.imgur.com/83HCt.png\" alt=\"scrns1\"><img src=\"http://i.imgur.com/5mWIy.png\" alt=\"scrns2\"><img src=\"http://i.imgur.com/pPafl.png\" alt=\"scrns3\">";
  mordor.innerHTML = shots;
};
于 2012-11-19T18:55:26.897 回答
0

你检查你的 JavaScript 控制台是否有错误？

// syntax error:
var shots= (

// syntax error:
mordor.innerHTML = <img src="http://i.imgur.com/83HCt.png" alt="scrns1"><img src="http://i.imgur.com/5mWIy.png" alt="scrns2"><img src="http://i.imgur.com/pPafl.png" alt="scrns3">;

您需要将字符串传递给mordor.innerHTML- 将您的 html 用引号括起来。我不确定你要做什么shots。

于 2012-11-19T18:48:17.127 回答