Question

我有一个Javascript函数：

<script>
function clicker(text){
    var thediv=document.getElementById('displaybox');
    if(thediv.style.display == "none"){
        thediv.style.display = "";
        thediv.innerHTML = "<table width='100%' height='100%'><tr><td align='center' valign='middle' width='100%' height='100%'><img src='Images/Voorstellen/IMG_7355.JPG' width='auto%' height='400px'><br><br><p class='p5'>My name is blablablabla</p><br><a href='#' onclick='return clicker();'>CLOSE WINDOW</a></td></tr></table>";
    }else{
        thediv.style.display = "none";
        thediv.innerHTML = '';
    }
    return false;
}
</script>

不，我想要图像的位置+文本作为输入（在thediv.innerhtml = ...中）。但是文本包含html代码，用于即时
。我如何制作这个功能，以便我可以将图像链接作为输入变量，将文本作为第二个变量但是在html代码中？

Answer 1

为了将变量插入到字符串中，您必须像这样编写它，引用结尾和加号表示连接：

var name = "lawm";    
var stringAndVar = "My name is " + name + "!";

（https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Arithmetic_Operators#Addition）

因此，您的解决方案是：

thediv.innerHTML = "<table width='100%' height='100%'><tr><td align='center' valign='middle' width='100%' height='100%'><img src='" + input_variabel + "' width='auto%' height='400px'><br><br><p class='p5'>" + second_variabele + "</p><br><a href='#' onclick='return clicker();'>CLOSE WINDOW</a></td></tr></table>";

我强烈建议您参加codecademy.com的javascript课程，它可以帮助您解决这类问题。

Javascript函数，代码作为输入

1 个答案: