html两个静态页面传递数据
2020-09-08 本文已影响0人
会微笑的leo
a.html给b.html传递数据
a.html
<body>
<a href="b.html?src=01.mp4">></a>
</body>
?src=01.mp4会传递给b.html
b.html 通过js代码接收数据
<script>
//入口函数
window.onload=function () {
var para = window.location.search;
// alert(para)
//para = ?src=01.mp4
//dom操作html页面元素
var src = para.split("=")[1]
document.getElementById("video-src").src = video_loc
}
</script>
在使用js修改b.html的标签属性时,在浏览器console报错 <Uncaught TypeError: Cannot set property 'src' of null>
首先反复确认下是否有你要找的标签元素,如果检测拼写无误,可以试试下面两种方法
- 一种方法是将你所写的script用window.onload包含起来,像我上面这样外层加上
- 另外一种方法是将上面那段脚本放在html的最下面,以确保html元素加载完成,找到对应的id
此处参考 传送门
只是简单的实现了数据传递,网上有各种各样的方法,借助cookie,locastorage等等,目前够用,十分方便。