JavaScript字符串的单引号和双引号问题

最新推荐文章于 2025-02-21 12:09:30 发布

原创最新推荐文章于 2025-02-21 12:09:30 发布 · 4.3k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #字符串

收录于

web前端专栏收录该内容

154 篇文章

订阅专栏

本文介绍了JavaScript中字符串的创建方式，包括使用单引号和双引号，并讲解了如何在字符串内嵌套引号及使用转义字符。通过示例代码展示了不同情况下的字符串拼接，详细解析了字符串在实际编程中的应用。

1 可以使用单引号或双引号；
2 可以在字符串中使用引号，字符串中的引号不要与字符串的引号相同;
3 可以在字符串添加转义字符来使用引号，即\"或\'；

示例代码；

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            #div1{
                width: 400px;
                height: 400px;
                border:1px solid #000
            }
        </style>
        <script type="text/javascript">

        var str1 = "字符串1";
        var str2 = '字符串2';
        var name1 = "他名叫'小李'";
        var name2 = '他名叫"小张"';
        var name3 = "他名叫\"汤姆\"";
        var name4 = '他名叫\'约翰\'';

        function but() {
            document.getElementById("div1").innerHTML=str1 + "<br/>" + str2 + "<br/>" + name1 + "<br/>" + name2 + "<br/>" + name3 + "<br/>" + name4;
        }
    
        </script>
    </head>
    <body>    
        <button id = "btn1" onclick="but()">请点击</button>
        <div id="div1"></div>
        
    </body>
</html>