当前位置：首页 > 资讯 > 技术文档

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

时间：2021-11-09 18:34 编辑：来源：阅读：
扫一扫，手机访问

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

<div style="text-align:center; height:30px;">[h2]弹出式窗口代码生成器[/h2]</div> 
要完成此效果把如下代码加入到区域中

<table align="center" border="0" cellpadding="0" cellspacing="0" width="63%"> 
  <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> 
 [b]<font size="2"></font>[/b]
 
<form name="inputForm"> 
 <table bgcolor="#000000" border="0" cellpadding="1" cellspacing="0" width="100%"> 
  <tr><td>  
   <table bgcolor="#bde6fd" border="0" cellpadding="2" cellspacing="0" width="100%"> 
    <tr> <td colspan="2"><font color="red" size="2">[b]在新窗口里要打开的文件[/b]</font> 
        <input name="page" size="40" type="text">
 
        <font size="2"><font color="red" size="1">(文件的名字或URL地址...) </font></font></td> 
    </tr> 
    <tr bgcolor="#FFFFFF">  
      <td colspan="2"><font color="red" size="2">[b]请选择要显示的<font size="2"><b>窗口[/b]</font>元素</b></font></td> 
    </tr> 
    <tr bgcolor="#FFFFFF">  
       <td width="43%"> <input name="toolbars" type="checkbox"> 
         [b]<font face="Arial" size="2">toolbars</font>[/b]</td> 
       <td width="57%"> <input name="statusbars" type="checkbox"> 
         <font face="Arial" size="2">[b]status bar[/b]</font></td> 
   </tr><tr bgcolor="#FFFFFF"><td width="43%">  
                          <input name="scrollit" type="checkbox"> 
                          [b]<font face="Arial" size="2">scrollbars</font> [/b]</td> 
                        <td width="57%">  
                          <input name="menubars" type="checkbox"> 
                          [b]<font face="Arial" size="2">menu bar</font>[/b]</td> 
                      </tr> 
                      <tr bgcolor="#FFFFFF">  
                        <td width="43%">  
                          <input name="locations" type="checkbox"> 
                          [b]<font face="Arial" size="2">location bar</font> [/b]</td> 
                        <td width="57%">  
                          <input name="resizeable" type="checkbox"> 
                          [b]<font face="Arial" size="2">resizeable</font> [/b]</td> 
                      </tr> 
                      <tr>  
                        <td colspan="2"><font color="red" size="2">[b]输入窗口的大小(缺省是满屏打开)[/b]</font></td> 
                      </tr> 
                      <tr>  
                        <td width="43%"><font face="Arial" size="2">[b] Witdh  
                          <input name="width" size="4" type="text"> 
                          [/b] <font face="Verdana" size="1"> (in pixels)</font></font></td> 
                        <td width="57%"> <font face="Arial" size="2">[b]Height[/b]</font>  
                          <input name="height" size="4" type="text"> 
                          <font face="Verdana" size="1">(in pixels)</font> </td> 
                      </tr> 
                      <tr bgcolor="#FFFFFF">  
                        <td colspan="2"><font color="red" size="2">[b]窗口打开方式[/b]</font></td> 
                      </tr> 
                      <tr bgcolor="#FFFFFF">  
                        <td colspan="2" width="100%"><font face="Arial" size="2"></font>  
                          <select name="howtoopen"> 
                            <option selected value="button">点按钮</option> 
                            <option value="link">点超链</option> 
                            <option value="body">自动</option> 
                          </select> 
                        </td> 
                      </tr> 
                      <tr>  
                        <td colspan="2" width="100%"><font face="Arial" size="2"></font>  
                          <input name="center" type="checkbox"> 
                          <font color="red" size="2">[b]让窗口出现在屏幕正中间？[/b]</font></td> 
                      </tr> 
                      <tr>  
                        <td colspan="2">  
                          [center] 
                            <input name="button" onclick="javascript:generate();" type="button" value="产生代码!"> 
                          [/center] 
                        </td> 
                      </tr> 
                    </table> 
                  </td> 
                </tr> 
              </table> 
            </form> 
            <form action="" method="POST" name="mail" onsubmit="return checkCodeMail()"> 
              <table bgcolor="#000000" border="0" cellpadding="1" cellspacing="0" width="100%"> 
                <tr>  
                  <td>  
                    <table bgcolor="#BBB7F4" border="0" cellpadding="0" cellspacing="0" width="100%"> 
                      <tr align="center">  
                        <td> <font color="#FFFFCC" size="2">[b]把下面代码Copy到程序中:[/b]</font>
 
                          <input name="scriptname" type="hidden" value="Popup Window Maker"> 
                          <textarea class="9pt" cols="50" name="source" rows="6"></textarea> 
                          
 
                          <input name="source2" type="hidden">

[center] [/center] [Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

全部评论(0)

上一篇：原生JS实现表单checkbook获取已选择的值
下一篇：js跨浏览器实现将字符串转化为xml对象的方法

资讯排行榜
更多>>