美文网首页
html两个静态页面传递数据

html两个静态页面传递数据

作者: 会微笑的leo | 来源:发表于2020-09-08 15:57 被阅读0次

    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等等,目前够用,十分方便。

    相关文章

      网友评论

          本文标题:html两个静态页面传递数据

          本文链接:https://www.haomeiwen.com/subject/zyxjektx.html