js之弹出式窗口代码生成器-技术开发JavaScript技术-Ubuntu系统_Ubuntu服务器

<h3>弹出式窗口代码生成器</h3> 要完成此效果把如下代码加入到<body>区域中 <table border=0 cellpadding=0 cellspacing=0 width="63%" align="center">   <tbody>    <tr>      <td width="0">        <table border=0 cellpadding=0 cellspacing=0 width="76%">         <tbody>          <tr>            <td width="464">              <b>                  </b> <b>弹出式窗口代码产生器</b>  <p> <b></b></p> <form name=inputForm>  <table width="100%" border="0" cellspacing="0" cellpadding="1" bgcolor="#000000">   <tr><td>     <table border=0 width=100% cellpadding="2" cellspacing="0" bgcolor="#bde6fd">     <tr> <td colspan="2"><b>在新窗口里要打开的文件</b>         <input type=text name=page size=40>         (文件的名字或URL地址...) </td>     </tr>     <tr bgcolor="#FFFFFF">        <td colspan="2"><b>请选择要显示的<b>窗口</b>元素</b></td>     </tr>     <tr bgcolor="#FFFFFF">         <td width="43%"> <input type=checkbox name=toolbars>          <b>toolbars</b></td>        <td width="57%"> <input type=checkbox name=statusbars>          <b>status bar</b></td>    </tr><tr bgcolor="#FFFFFF"><td width="43%">                            <input type=checkbox name=scrollit>                           <b>scrollbars </b></td>                         <td width="57%">                            <input type=checkbox name=menubars>                           <b>menu bar</b></td>                       </tr>                       <tr bgcolor="#FFFFFF">                          <td width="43%">                            <input type=checkbox name=locations>                           <b>location bar </b></td>                         <td width="57%">                            <input type=checkbox name=resizeable>                           <b>resizeable </b></td>                       </tr>                       <tr>                          <td colspan="2"><b>输入窗口的大小(缺省是满屏打开)</b></td>                       </tr>                       <tr>                          <td width="43%"><b> Witdh                            <input type=text name=width size=4>                           </b>  (in pixels)</td>                         <td width="57%"> <b>Height</b>                            <input type=text name=height size=4>                           (in pixels) </td>                       </tr>                       <tr bgcolor="#FFFFFF">                          <td colspan="2"><b>窗口打开方式</b></td>                       </tr>                       <tr bgcolor="#FFFFFF">                          <td width="100%" colspan="2">                            <select name=howtoopen>                             <option value="button" selected>点按钮</option>                             <option value="link">点超链</option>                             <option value="body">自动</option>                           </select>                         </td>                       </tr>                       <tr>                          <td width="100%" colspan="2">                            <input type=checkbox name=center>                           <b>让窗口出现在屏幕正中间？</b></td>                       </tr>                       <tr>                          <td colspan=2>                            <center>                             <input type=button value="产生代码!" onClick="<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>script:generate();" name="button">                           </center>                         </td>                       </tr>                     </table>                   </td>                 </tr>               </table>             </form>             <form name="mail" action="" method="POST" onSubmit="return checkCodeMail()">               <table width="100%" border="0" cellspacing="0" cellpadding="1" bgcolor="#000000">                 <tr>                    <td>                      <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#BBB7F4">                       <tr align="center">                          <td> <b>把下面代码Copy到程序中:</b>                           <input type=hidden name=scriptname value="Popup Window Maker">                           <textarea name="source" rows=6 cols=50 class=9pt></textarea>                                                      <input type=hidden name="source2">                                                    </td>                       </tr>                     </table>                   </td>                 </tr>               </table>                              <center>               </center>             </form>           </td>         </tr>         </tbody>        </table>     </td>   </tr>   </tbody>  </table>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

JavaScript技术：js之弹出式窗口代码生成器，转载需保留来源！

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

相关文章阅读