小窗口大学问--玩转弹出窗口(2)

科洛科洛撒

科洛科洛撒

2016-01-29 12:34

小窗口大学问--玩转弹出窗口(2),小窗口大学问--玩转弹出窗口(2)
  【3、用函数控制弹出窗口】

  下面是一个完整的代码:
  
  〈html〉
  〈head〉
  〈script LANGUAGE="JavaScript"〉
  〈!--
  function openwin() {
  window.open ("page.html", "newwindow", "height=100, width=400,toolbar=no,menubar=no, scrollbars=no, resizable=no, location=no, status=no")
  //写成一行
  }
  //--〉
  〈/script〉
  〈/head〉
  〈body onload="openwin()"〉
  ...任意的页面内容...
  〈/body〉
  〈/html〉

  这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。
怎么调用呢?
 
  方法一:〈body onload="openwin()"〉 浏览器读页面时弹出窗口;
 
  方法二:〈body onunload="openwin()"〉 浏览器离开页面时弹出窗口;
 
  方法三:用一个连接调用:〈a href="#" onclick="openwin()"〉打开一个窗口〈/a〉
注意:使用的“#”是虚连接。
 
  方法四:用一个按钮调用:〈input type="button" onclick="openwin()" value="打开窗口"〉

  【4、同时弹出2个窗口】

  对源代码稍微改动一下:
  〈script LANGUAGE="JavaScript"〉
  〈!--
  function openwin() {
  window.open ("page.html", "newwindow", "height=100, width=100,
  top=0,left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no,
  location=no,status=no")
  //写成一行
  window.open ("page2.html", "newwindow2", "height=100, width=100,   
  top=100,left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no,  
  location=no,status=no")
  //写成一行
  }
  //--〉
  〈/script〉
 
  为避免弹出的2个窗口覆盖,用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。
注意:2个窗口的name(newwindows和newwindow2)不要相同,或者干脆全部为空。OK?
展开更多 50%)
分享

猜你喜欢

小窗口大学问--玩转弹出窗口(2)

Java JAVA基础
小窗口大学问--玩转弹出窗口(2)

小窗口大学问--玩转弹出窗口(1)

Java JAVA基础
小窗口大学问--玩转弹出窗口(1)

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

小窗口大学问--玩转弹出窗口(3)

Java JAVA基础
小窗口大学问--玩转弹出窗口(3)

小窗口大学问--玩转弹出窗口(4)

Java JAVA基础
小窗口大学问--玩转弹出窗口(4)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Dreamweaver教程:弹出窗口

Web开发
Dreamweaver教程:弹出窗口

制作弹出公告窗口

Web开发
制作弹出公告窗口

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

《讨鬼传 极》弱手系技能简介及效果测试

《讨鬼传 极》弱手系技能简介及效果测试

COM与基于组件技术的开发和应用模式(一)

COM与基于组件技术的开发和应用模式(一)
下拉加载更多内容 ↓