我的HTML代码没有在Javascript / JSON上读取

时间:2017-06-07 04:55:38

标签: javascript html json

所以我在Javascript中做了一个引用生成器,其中引用是在点击时生成的。

代码如下所示:

$("#getQuote").on("click", function(){
var i = Math.floor((Math.random() * quote.length));

   $("#theQuote").html(quote[i] <\br> person[i]);
});

我试图在报价和发表报价的人之间划一条线,但似乎并不认识quote[i]之后的任何代码。

我还尝试将\n添加到我的数组中的字符串中,例如:

var quote = ['"With great power, comes great responsibility." \n- Uncle Ben'];

但不知何故\n未被阅读,而其余的引用是。

2 个答案:

答案 0 :(得分:2)

第一个$("#theQuote").html(quote[0] + '<br>' + person[0]);没有'"换行的任何内容都是数字或变量,.html将字符串作为html,所以你需要将它们连接起来{{1 }}

第二种方式也可以,+

var quote = ['"With great power, comes great responsibility." <br> - TEST_1 Uncle Ben'];
var quote = ['"With great power, comes great responsibility." <br> - TEST_1 Uncle Ben'];
var person = ['TEST_2 Uncle Ben'];

$("#getQuote").on("click", function() {
  //var i = Math.floor((Math.random() * quote.length));

  $("#theQuote").html(quote[0] + '<br>' + person[0]);
});

答案 1 :(得分:-1)

<\br>更改为<br><br />。这是根据HTML5 standards