一个页面两个窗口的制作技巧

一个页面两个窗口的制作技巧
              一般的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。 
              
              通过下面的例子,你可以在一个页面内完成上面的效果。 
  <html> 
  <head> 
  <script LANGUAGE="javascript"> 
              function openwin() 
              {OpenWindow=window.open("", "newwin", "height=250,  width=250,
              toolbar=no,scrollbars="+scroll+",menubar=no"); 
              //写成一行 
              OpenWindow.document.write("<TITLE>例子</TITLE>") 
              OpenWindow.document.write("<BODY BGCOLOR=#ffffff>") 
              OpenWindow.document.write("<h1>Hello!</h1>") 
              OpenWindow.document.write("New window opened!") 
              OpenWindow.document.write("</BODY>") 
              OpenWindow.document.write("</HTML>") 
              OpenWindow.document.close()} 
  </script> 
  </head> 
  <body> 
  <a href="#" onclick="openwin()">打开一个窗口</a> (本站注释:用链接地址代替#号,
  “打开一个窗口为你自己的链接文字)
  <input type="button" onclick="openwin()" value="打开窗口"> 
  </body> 
  </html> 
看看 OpenWindow.document.write()里面的代码不就是标准的HTML吗?只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用OpenWindow.document.close()结束啊。
相关内容
  - Dreamweaver CC教程:使用“环绕标签”- Dreamweaver CC教程:使用“环绕标签”,标签,教程,文... 
  - Dreamweaver CC教程:使用快速标签编辑器编辑代码- Dreamweaver CC教程:使用快速标签编辑器编辑代码,标签,编辑器,... 
  - Dreamweaver CC教程:添加库、标签和属性- Dreamweaver CC教程:添加库、标签和属性,属性,标签,教程,选择,... 
  - Dreamweaver CC教程:删除库、标签和属性- Dreamweaver CC教程:删除库、标签和属性,删除,教程,标签,属性,... 
  - Dreamweaver CC教程:编辑链接 meta 标签- Dreamweaver CC教程:编辑链接 meta 标签,链接,教程,标签,文档,... 
  - Dreamweaver CC教程:编辑库、标签和属性- Dreamweaver CC教程:编辑库、标签和属性,标签,属性,大小写,标... 
  - Dreamweaver CC教程:编辑基础 meta 标签- Dreamweaver CC教程:编辑基础 meta 标签,标签,框架,文档,教程,... 
  - Dreamweaver CC教程:快速标签编辑器概述- Dreamweaver CC教程:快速标签编辑器概述,快速,标签,编辑器,教... 
  - Dreamweaver CC教程:在快速标签编辑器中使用提示- Dreamweaver CC教程:在快速标签编辑器中使用提示菜单,标签,菜... 
  - Dreamweaver CC教程:在设计视图中选择子标签- Dreamweaver CC教程:在设计视图中选择子标签,视图,选择,标签,... 
  - Dreamweaver CC教程:查找和替换代码中标签、属性- Dreamweaver CC教程:查找和替换代码中标签、属性和文本,查找,... 
  - Dreamweaver CC教程:使用属性检查器链接到文档- Dreamweaver CC教程:使用属性检查器链接到文档,检查,链接,属性... 
  - Dreamweaver CC教程:自动更新链接- Dreamweaver CC教程:自动更新链接,自动更新,链接,缓存,站点,教... 
  - Dreamweaver CC教程:使用“超链接”命- Dreamweaver CC教程:使用“超链接”命令添加链接,超... 
  - Dreamweaver CC教程:在 Dreamweaver 中测试链接- Dreamweaver CC教程:在 Dreamweaver 中测试链接,链接,测试,教... 
 
 
 
