在Javascript中使用带有innerHTML的引号 [英] Using quotation marks in Javascript with innerHTML

问题描述

我已经写了一些代码来随着故事的进展更新播放器上的播放器。当玩家点击按钮时，他们会看到一些新文本和更多选项。到目前为止一切都很好，但是当我使用附加参数传递函数调用时，我需要单引号和双引号。但是，如果我同时使用它们，则会打破innerHTML。代码如下（如果需要，也可以发布HTML）：

I have written some code to update the player on the story as it progresses. When the player clicks a button they are greeted with some new text and some more options. So far so good, but when I pass a function call in with a parameter attached, I need both single and double quote marks. However, if I use both then this breaks the innerHTML. Code is as follows (can post HTML too if need be):

function buttonClicked(buttonid)  {
     switch(buttonid) {
    case "YesStart":
        document.getElementById("storybox").innerHTML = "Initially she fails to notice you and stares into the distance with dazed look of someone who has considered the exact point at which the universe might have ended, present within a kind of altered dimensionality that places her materially at a similar point of existence to you, while leaving her utterly absent from it in some other, more absolute sense. Two nuns scurry past her, heading towards a small, fluffy dog, who they pet while making cooing sounds; a stern man in an ill-fitting police officer's uniform eyes them suspiciously. This spectacle seems to rouse her from her trance, and she looks quizzically at them, tilting her head to one side, before spotting you out of the corner her eye and waving you over.</p><p>When you arrive at the hotel it is empty but for two bleary eyed reception staff who stare as you walk past. Deer-Wolf tells you this is the place where the murderer lives. He rents a different room each week, always under different assumed names. He tells people this is because he is married, and likes to take women back unnoticed. The staff have never seen one leave, but the room is always impeccably kept, so the uneasy feeling the hotel staff have about him has never yet been officially corroborated.</p>";
        break;
    case "NoStart":
        document.getElementById("storybox").innerHTML = "<p>You try to fall asleep in your bed but you cannot. Your heart is beating so fast you feel like it will fail. All night you are plagued by images of your still conscious body being cut open at autopsy. You wake up often. During the days you are afraid to be left alone. The only solace you have is a lady who calls herself Deer-Wolf, who texts you often and calls you on occasion. You find her voice comforting but you are still afraid, and feel that you will never be fully safe until you solve the case. You ask your friends for help, even offer to pay them to investigate but they either ignore you, decline, or tell you to go away. You are not sure if they believe you and are too scared, or if they think you are crazy. Either way, they won't help.</p><p>Do you choose to investigate?</p>
        <button type='button' class='btn btn-success' id='yesbtn' onclick='buttonClicked('YesStart')'>Yes</button><button type='button' class='btn btn-danger' id='nobtn' onclick='buttonClicked('NoStart')'>No</button>";
        break;
    default:
       console.log("Do you write your button function call correctly? Bad function call. Bad.");
    };

};

有人可以建议解决方案吗？

Can anyone suggest a solution?

推荐答案

你必须用\来逃避它们。

You have to escape them with \.

"This is a string with \"quotation\" marks."

如何在字符串中包含引号

这篇关于在Javascript中使用带有innerHTML的引号的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！