BOM基础笔记

Window对象

• parent 是父窗口
• window.frames 返回窗口中所有命名的框架
• opener是用open方法打开当前窗口的那个窗口

在页面内嵌入一个iframe，在iframe中提供一个输入项id为username，输入后，在iframe外面窗口id为myDiv的div标签中显示内容

    //子窗口-父窗口传值
function changeParent(){
               //1.0获取输入框的值
       var uvalue = document.getElementById("username").value;
       //2.0 获取父窗口的标签并赋值（parent是父窗口  ）
   window.parent.document.getElementById("myDiv").innerHTML=uvalue;
}

在页面内嵌入一个iframe，在iframe中提供一个输入项id为username，输入后，在iframe外面窗口id为myDiv的div标签中显示内容

  //父窗口-子窗口传值
  function parentValueToChild(){
  //1.0获取标签的值
var myNames = document.getElementById("myName").value;
  //2.0获取到子窗口的标签并赋值（window.frames 返回窗口中所有命名的框架）
var subFrame = window.frames[0];//关键
subFrame.document.getElementById("username").value=myNames;
}

Js window.showModalDialog()方的使用简介

  a.url: 弹出窗口指向哪一个页面
  b.varArgIn: 向弹出页面传递的参数
  写法如下:
     window.showModalDialog("openner3.htm",tableObj);

在父页面中,如何制定所需传递的常数

  在Js中,定义一个类是很简单的(类的写法,不过感觉像是个HashMap),定义方法如下
  //定义一个超级对象
  var tableObj = new Object();
  //下面的写法就是自定义属性了,"tableObj."后面的属性名可以随便写,感觉有点像key值
  //"="后面的是属性值,也是什么都行,感觉有点像value值
  tableObj.table = window.document.getElementById("myTable");
  tableObj.userName = window.document.getElementById("txtUserName").value;
  //模拟调用一下
  var tempObj = tableObj;
  //在这里,"."后的属性名与之前对象定义的属性名一直就Ok了,感觉像通过key值取value值
  //"tempObj.table.tagName"之所以这样写是因为"tempObj.table"是指向了id为"myTable"的一个Table对象,所以可以调用这个对象的"tagName"属性来查看其是什么元素
  alert(tempObj.table.tagName);
  alert(tempObj.userName);

在子页面中如何接收来自父页面的参数

  调用下面的方法即可:
  var comeFromFatherPageObj = window.dialogArguments;

子页面向父页面传递返回值(当子页面即将关闭时)

  写法如下:
  //首先在父页面调用window.showModalDialog()方法的时候做些操作,如下:
  objReturnValue = window.showModalDialog("openner3.htm",tableObj);
  //然后再子页面,即将关闭的时候加一句话,如下:
  window.returnValue = "asdad";//可以是任何东西
  window.close();