在跳转后传递值，然后新页面获取值，根据值去添加案例的 class ，使对应的案例标题颜色改变
首先，父页面中 button 跳转采用
button 绑定 value 值
子页面中获取 vlaue 的值
因为我这边涉及多个，如果使用同一个 id 不能获取 vlaue 值，所以我在页面上写了一个空的按钮用来存储所点击的 vlaue 值
当点击 button 时， 把当前 button 的 vlaue 值赋值为** id="btn-case" ** 的 vlaue 值
然后在子页面中就可以通过去获取** id="btn-case"** 的** vlaue 值，来设置跳转后的默认显示，选项比较可以采用 switch case** 语句
注意 ：这里的 a ** 使用 alert（typeof(a)）**弹出 String ，使用 switch case 语句时需要转换为 number 值，或者 **case **值设置为 ‘1’，添加引号。
跳转页面时把参数写入Url后的参数中，这种方法对与a标签跳转很方便，后面价格参数即可，下面来看看页面中怎么去应用
对于上面的案例可以直接在html上把参数带上，在打开的页面中获取。
如果对于input框输入，或者其他需要传入的值
需要通过javascript在传参的以修改width为例
<script>
//首先获取到图片的id,也就是在javascript中获取大img，方便后续操作
var face = document.getElementById("face")
//通过face的style属性修改，这里图片的宽度就会变为500px
face.style.width = "500px"</script>
如果你是想在页面输入数值，图片就会变化的话，需要在页面添加输入框和按钮
<input type="text" id="widthValue">
<button id="btn">确定</button>
<script>
//首先获取按钮和输入框的数值
var face = document.getElementById("face")
var widthValue = +document.getElementById("widthValue").value
var btn = document.getElementById("btn")
//通过点击调用匿名函数，给图片赋予新的宽度
btn.onclick = function(){
face.style.width = widthValue
}
</script>
