菜鸡源码,专注精品下载!
当前位置:首页 > 建站教程 > 建站知识

示例:在同域两个网页之间使用JavaScript进行值传递

发布时间:2024-01-05  栏目:建站知识   浏览:   分类:js教程

同域两个网页之间可以使用JavaScript进行传值。一种常见的方法是通过URL参数传递数据,另一种方法是使用cookies。在URL参数中,我们可以将需要传递的数据附加到URL的末尾,然后在接收方解析这些参数并获取数据。这种方法适用于少量数据的传递。另一种方法是使用cookies,它可以在用户的浏览器中存储数据,并在用户访问其他页面时自动发送。这种方法适用于大量数据的传递。无论使用哪种方法,都需要确保数据的安全性和隐私性。

first.html网页,通过a.js向jieshou.html传值,主要通过域名传值接受方法

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>第一个网页</title></head><scripttype="text/javascript"src="a.js"></script><body<formname="form1"action="jieshou.html"method="post"><h3>传值</h3><inputclass="text_1"type="text"name="wd"id="text_1"value=""/><inputtype="submit"name="sousuo"id="submit_s"value="提交"/></form></body></html>

a.js文件

functionsub(){varstr=""+document.getElementById('text_1').value;varurl="jieshou.html?wd="+encodeURI(str);location.href=url;}

jieshou.html接收页面

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>接收显示</title></head><body><formname="form2"action=""><inputname="xianshi"id="text_2"type="text"/></form><scripttype="text/javascript">varloc=location.href;loc=decodeURI(loc);varn1=loc.length;//地址的总长度varn2=loc.indexOf("=");if(n2>0){varid=loc.substr(n2+1,n1-n2);document.getElementById("text_2").value=id;}</script></body></html>

相关文章

    无相关信息
评论
建站知识
建站知识
使用技巧
调试安装
运营推广