如何给HTML标签传入参数_随笔

需要通过javascript在传参的

以修改width为例

//首先获取到图片的id,也就是在javascript中获取大img，方便后续 *** 作

var face = document.getElementById("face")

//通过face的style属性修改，这里图片的宽度就会变为500px

face.style.width = "500px"</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>

在跳转后传递值，然后新页面获取值，根据值去添加案例的 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)）**d出 String ，使用 switch case 语句时需要转换为 number 值，或者 **case **值设置为 ‘1’，添加引号。

跳转页面时把参数写入Url后的参数中，这种方法对与a标签跳转很方便，后面价格参数即可，下面来看看页面中怎么去应用

对于上面的案例可以直接在html上把参数带上，在打开的页面中获取。

如果对于input框输入，或者其他需要传入的值

1、首先创建一个文件夹，这个文件夹有一个js文件夹和一个html文件。js文件夹用来存放需要引入的js文件。

2、打开html文件，在html文件上找到<body>，在<body>标签里创建一个按钮标签，然后给这个标签添加一个点击addJs事件。

3、在js文件夹下创建一个js文件为addJs.js。

4、在addJs.js文件上输入一个alertd出框并保存，当引入js文件成功就会执行alertd出框。

5、回到html文件，在按钮输入框后面创建一个script标签，然后添加用来引入addJs.js文件的addJs事件。

6、保存html文件后使用浏览器打开，点击按钮即可看到出现一个d出，表示引入js文件成功。

欢迎分享，转载请注明来源：内存溢出

如何给HTML标签传入参数