如何将html中的值传递给js

JavaScript05

如何将html中的值传递给js,第1张

JS方式实现静态页之间值传递，参考如下：

在body标签之间加此行代码：

<form action=”a.html?d1=123&d2=你好” method=”post” name=”f1″ id=”f1″>

<input type=”submit” name=”s1″ id=”s1″ value=”提交”/>

</form>

然后，新建a.html新页，同样在body标签之间加此行代码，如下：

<script type=”text/javascript”>

var tmpArr

var QueryString

var URL = document.location.toString()

if(URL.lastIndexOf(“?”)!=-1){

QueryString= URL.substring(URL.lastIndexOf(“?”)+1,URL.length)

tmpArr=QueryString.split(“&”)

for (i=0i<=tmpArr.length – 1i++) {

document.write(“参数为：” + tmpArr[i] + “<br/>”)

}

}

else{

QueryString = “”

}

</script>

可以利用form表单提交获取上一个页面的值

例：form表单提交传值及取值

发请求页面

<form style="display: none" method="post"

       id="infoDetailsHyperlink" name="input"

       action="<%=request.getContextPath()%>/view/basicmanage/reportTemplet/positionPeopleConfig.jsp">

       <input name="infoId" id="infoId">

       <input name="operationType" id="operationType">

       <input name="copyTempletIdConfigPeople" id="copyTempletIdConfigPeople">

</form>

发请求页面，js中发送请求

$("#infoId").val($("#lastStepTempletId").val())

$("#operationType").val($("#operationTypeIdLastStep").val())

$("#infoDetailsHyperlink").submit()

接收页面

<input  id="infoId" style="display: none"  value=<%=request.getParameter("infoId")%>>

<input  id="operationType" style="display: none"   value=<%=request.getParameter("operationType")%>> 

<input  id="copyTempletIdConfigPeople" style="display: none"   value=<%=request.getParameter("copyTempletIdConfigPeople")%>>

<script>

<%request.setCharacterEncoding("utf-8")%>     解决传值时中文乱码问题

</script>