HTML结构:
<body>
<button οnclick="myClick('tom','18')">按钮1</button>
<button οnclick="myClick('mon','18')">按钮2</button>
</body>
需求:点击按钮弹窗的格式为:名字:tom,年龄:18;
方式一:使用"+"拼接
// 方法1:使用+拼接
// function myClick(name,age){
// alert("姓名:"+name+","+"年龄:"+age)
// }
方式二:es6的字符串拼接`${}`
function myClick(name,age){
alert(`姓名:${name},年龄:${age}`)
}
完整的demo:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button onclick="myClick('tom','18')">按钮1</button>
<button onclick="myClick('mon','18')">按钮2</button>
<script>
//点击按钮出现对应的弹窗信息
// function myClick(name){
// alert(name)
// }
// 需求:点击按钮弹窗的格式为:名字:tom,年龄:18;
// 方法1:使用+拼接
// function myClick(name,age){
// alert("姓名:"+name+","+"年龄:"+age)
// }
// 方法2:es6的字符串拼接
function myClick(name,age){
alert(`姓名:${name},年龄:${age}`)
}
</script>
</body>
</html>