JavaScript - window对象、innerHTML

window对象

所有浏览器都支持 window 对象。它代表浏览器的窗口。

所有全局 JavaScript 对象，函数和变量自动成为 window 对象的成员。

全局变量是 window 对象的属性。

全局函数是 window 对象的方法。
两个页面互动 代码

    <script>
        function openwin(){
            window.open("window对象2.html");
        }
    </script>
    <form action="regUser" method="POST">
        <input type="text" name="username">
    </form>
    <button onclick="openwin();">点击跳转</button>

    <script>
        function closewindow(){
            window.opener.document.forms[0].username.value = window.document.getElementById("returnValue").value;
            window.close();
        }
    </script>
    <input type="text" id="returnValue">
    <button onclick="closewindow();">填写完成</button>

window对象还有很多属性和函数，等日后总结
window官方文档地址

---

innerHTML

作用范围：所有浏览器都支持；

作用可以更改页面显示内容

使用举例：

    <script>
        function showinput(){
            // var v = document.getElementsByTagName("input").value;
            var v = document.getElementById("inp").value;


            //也可以让v跟id=inp绑定，innerHTML 取出v的value属性
            //var v = document.getElementById("inp");
            //vdiv.innerHTML = "<p>" + v.value + "</p>";
            var vdiv = document.getElementById("content");
            vdiv.innerHTML = "<p>"+v+"</p>";//等号右边的内容写HTML语言
            // innerHTML  不能用getelementbytagname关联
        }
    </script>
    <div id="content">
        123456
    </div>
    <input type="text" id="inp">
    <button onclick="showinput()">把输入框内容展示</button>

更多内容：

innerHTML官方文档地址