js之弹出式窗口代码生成器

328 阅读 0 评论 217 点赞

我是靠谱客的博主忧郁绿草，这篇文章主要介绍js之弹出式窗口代码生成器，现在分享给大家，希望可以做个参考。

<div style="text-align:center; height:30px;"><h3>弹出式窗口代码生成器</h3></div> 
要完成此效果把如下代码加入到<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">  
            <div align="center"><b><font color=#7b9431 face=Arial 
                  size=3>  
               
<font size="4">
 
</font></font></b> 
<font size=3><b>弹出式窗口代码产生器</b></font> </div> 
<p> <b><font size="2"></font></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"><font size="2" color=red><b>在新窗口里要打开的文件</b></font> 
        <input type=text name=page size=40>
 
        <font size="2"><font size="1" color=red>(文件的名字或URL地址...) </font></font></td> 
    </tr> 
    <tr bgcolor="#FFFFFF">  
      <td colspan="2"><font size="2" color=red><b>请选择要显示的<font size="2"><b>窗口</b></font>元素</b></font></td> 
    </tr> 
    <tr bgcolor="#FFFFFF">  
       <td width="43%"> <input type=checkbox name=toolbars> 
         <b><font face="Arial" size="2">toolbars</font></b></td> 
       <td width="57%"> <input type=checkbox name=statusbars> 
         <font face="Arial" size="2"><b>status bar</b></font></td> 
   </tr><tr bgcolor="#FFFFFF"><td width="43%">  
                          <input type=checkbox name=scrollit> 
                          <b><font face="Arial" size="2">scrollbars</font> </b></td> 
                        <td width="57%">  
                          <input type=checkbox name=menubars> 
                          <b><font face="Arial" size="2">menu bar</font></b></td> 
                      </tr> 
                      <tr bgcolor="#FFFFFF">  
                        <td width="43%">  
                          <input type=checkbox name=locations> 
                          <b><font face="Arial" size="2">location bar</font> </b></td> 
                        <td width="57%">  
                          <input type=checkbox name=resizeable> 
                          <b><font face="Arial" size="2">resizeable</font> </b></td> 
                      </tr> 
                      <tr>  
                        <td colspan="2"><font size="2" color=red><b>输入窗口的大小(缺省是满屏打开)</b></font></td> 
                      </tr> 
                      <tr>  
                        <td width="43%"><font face="Arial" size="2"><b> Witdh  
                          <input type=text name=width size=4> 
                          </b> <font face="Verdana" size="1"> (in pixels)</font></font></td> 
                        <td width="57%"> <font face="Arial" size="2"><b>Height</b></font>  
                          <input type=text name=height size=4> 
                          <font face="Verdana" size="1">(in pixels)</font> </td> 
                      </tr> 
                      <tr bgcolor="#FFFFFF">  
                        <td colspan="2"><font size="2" color=red><b>窗口打开方式</b></font></td> 
                      </tr> 
                      <tr bgcolor="#FFFFFF">  
                        <td width="100%" colspan="2"><font face="Arial" size="2"></font>  
                          <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"><font face="Arial" size="2"></font>  
                          <input type=checkbox name=center> 
                          <font size="2" color=red><b>让窗口出现在屏幕正中间？</b></font></td> 
                      </tr> 
                      <tr>  
                        <td colspan=2>  
                          <center> 
                            <input type=button value="产生代码!" onClick="javascript：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> <font size="2" color=#FFFFCC><b>把下面代码Copy到程序中:</b></font>
 
                          <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需刷新才能执行]