您的位置：首页 > Web前端 > JavaScript

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

2016-10-26 20:39 309 查看

<!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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： JavaScript

相关文章推荐

新的分享

章节导航