【JavaScript】JavaScript小弹窗及其传值

      嘿嘿，这是第一篇没标题图片的博文，准备开学了，开学以后要开始做一个互联网+的项目，那会儿大量的精细的文章可能不大有时间写，那可能就是不断以小型的博文的形式，一篇一个知识点来分享给大家了。

      这个内容挺简单的，说白了就是html子父窗体间的传值嘛~想想C++&MVC、C#和JavaEE那种窗体应用，大概都知道了，都是层级的调用，那么父窗体肯定有向子窗体传输数据的接口，反过来，子窗体也会有查询父窗体的相关接口。

      废话一大堆，还不如来两行代码+注释哈~我看博文也是这个习惯，看到代码就来劲儿，剩下的扯淡的不想看的~嘿嘿

      弹窗的方法主要就是这行东西window.open('newPage.html');

      然后这儿来科普一下它的参数内容：

window.open ( // 弹窗命令
“newPage.html”, // 需要弹窗的文件路径
“newPageTitle”, // 弹窗的标题，就是窗口上面的那个
“directories=yes,// 指定是否显示「链接」按钮
fullscreen=yes, // 指定是否以全屏方式显示窗口，这种模式会隐藏浏览器窗口的标题栏和菜单
height=400, // 弹窗高度
width=400, // 弹窗宽度
top=0, // 弹窗距离屏幕上方的距离
left=0, // 弹窗距离屏幕左方的距离
toolbar=no, // 是否显示工具栏，yes表示显示，no表示不显示
menubar=no, // 是否显示菜单栏
scrollbars=no, // 是否显示滚动条
resizable=no, // 是否允许改变弹窗大小
location=no, // 是否显示地址栏
status=no, // 是否显示状态栏
titlebar=yes”); // 是否显示浏览器窗口的标题栏

      简单吧？要什么就直接加上去就是了，之后，我们就来弄进阶的，解决一下传值问题：

      首先，我们第一个页面通过下面的代码弹出窗体，并且有一个input，ID为input_first

<script type="text/javascript">window.open("newPage", "小弹窗", height=400, width=400);</script>

      然后咧！激动人心的时刻来啦！下面这是新窗体上的JS代码

<script type="text/javascript">if(window.opener) {     var firstWindowInput = window.opener.document.getElementByIdx_x_x_x("input_first");     firstWindowInput.value = "回调成功！";     window.close(); } </script>

      顺便来一个小知识在弹窗之后加上这个：

<script type="text/javascript">if(window.opener) {     var firstWindowInput = window.opener.document.getElementByIdx_x_x_x("input_first");     firstWindowInput.value = "回调成功！";     setTimeout("self.close()",5000); // 5秒后关闭当前窗口} </script>

最后来个小贴士！如果你的小弹窗在服务器里面的话，同样的，open的地址就是进入那个页面的url即可！