JavaScript用户输入自己的名字，输出写给用户的信件

最新推荐文章于 2025-06-10 20:08:58 发布

原创最新推荐文章于 2025-06-10 20:08:58 发布 · 3.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript

JavaScript 专栏收录该内容

5 篇文章

订阅专栏

这篇博客展示了一个JavaScript实例，用户可以输入自己和对方的名字，程序将根据输入生成一封个性化的信件，包括信件开头、正文和署名。通过prompt获取用户输入，然后使用split方法解析姓名，并在信件内容中替换特定词语，创建亲密感。最后，信件的署名部分还链接到了一个邮箱地址。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>写信</title>
    <style>
        *{
            margin: 0 auto;
            font-size: 14px;
            background: pink;
            color:#333333;
            font-family: 微软雅黑;
            text-indent: 2em;
        }
    </style>
</head>
<body>
    <script>
        var user_name,from_name,to_name;//声明变量
        var str_prompt="请输入你自己的名字和对方的名字，两个名字之间用空格分开";//将输入提示保存在变量中
        var str_prompt_default="自己的名字 对方的名字";//将默认值保存在变量中
        user_name=prompt(str_prompt,str_prompt_default);//获取用户名
        user_name=user_name?user_name:"西兰花 菜花";//用户取消是的默认值
        from_name=user_name.split(" ")[0];//分析写信者自己的名字 以空格隔开  空格前的是数组元素编号为0
        to_name=user_name.split(" ")[1];//分析收信者对方的名字 后面是数组元素编号为1
        document.write(("<p>亲爱的"+to_name+"</p>").fontsize(3));//信开头
        //信的正文内容
        document.write("<p>想到你那洒脱的笑容与动人的曲线，我经不住提起笔，我选择这种原始的方式来表述我对你的\"爱\"，希望你能接受。</p>"
                .replace(/你/g,to_name+"你").replace(/我/g,from_name+"我"));// /我/g是一个正则表达式
        //署名
        document.write(("<p>爱你的"+from_name+"</p>").fontsize(2).fontcolor("gold").link("mailto:***@163.com"));
    </script>
</body>
</html>