js之彈出式窗口代碼生成器

更新時間：2007年06月28日 00:00:00 作者：

<div style="text-align:center; height:30px;"><h3>彈出式窗口代碼生成器</h3></div> 要完成此效果把如下代碼加入到<body>區(qū)域中 <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>                <script language="JavaScript"> \n" + start + "BODY onLoad=\"javascript:popUp()\">"; } if(howto == 'link') { otherOutput = start + "!-- 步驟二: 用以下的鏈接打開一個新窗口 -->\n" + start + "A HREF=\"javascript:popUp()\">Open the Popup Window" + start + "/A>"; } if(howto == 'button') { otherOutput = start + "!-- 步驟二: 用以下的按鈕代碼打開一個新窗口-->\n" + start + "form>\n" + start + "input type=button value=\"Open the Popup Window\" onClick=\"javascript:popUp()\">\n" + start + "/form>"; } scriptOutput = start + '!-- 請照以下步驟進行:\r\n\r\n' + '\r\n\r\n' + '<HEAD>\r\n\r\n' + start + 'SCRIPT LANGUAGE="JavaScript">\r\n' + 'function pop' + 'Up() {\n'; scriptOutput += "props=window.open('" + page + "', 'poppage', '" + ((toolbars) ? "toolbars=1, " : "toolbars=0, ") + ((scrollprops) ? "scrollbars=1, " : "scrollbars=0, ") + ((locations) ? "location=1, " : "location=0, ") + ((statusbars) ? "statusbars=1, " : "statusbars=0, ") + ((menubars) ? "menubars=1, " : "menubars=0, ") + ((resizeable) ? "resizable=1" : "resizable=0") + ((width) ? ", width=" + width : "") + ((height) ? ", height=" + height : "") + ((center) ? ", left = " + ((screen.width - width) / 2) : "") + ((center) ? ", top = " + ((screen.height - height) / 2) : "") + "');\n}\n// End -->\n" + start + "/sc" + "ript>\n"; output = scriptOutput + "\n\n" + otherOutput + '\n\n' + start +'!--代碼結束--'+'>'; document.mail.source.value = output; document.mail.source2.value = output; uncode(); } --> </script> <font size="4"> </font></font></b> <font size=3><b>彈出式窗口代碼產(chǎn)生器</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>讓窗口出現(xiàn)在屏幕正中間？</b></font></td>                       </tr>                       <tr>                          <td colspan=2>                            <center>                             <input type=button value="產(chǎn)生代碼!" 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需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

js之彈出式窗口代碼生成器

javascript iframe中打開文件,并檢測iframe存在否
從iframe中打開文件,并檢測iframe存在否如果說只是檢測頁面存在否,直接設置target用偽協(xié)議就可以解決了...
2008-12-12
JS判斷時間段的實現(xiàn)代碼
本文給大家分享一段實例代碼介紹JS判斷時間段的方法，需要的朋友參考下吧
2017-06-06
JS控制CSS樣式的方法
JS控制CSS樣式的方法...
2007-10-10
JS實現(xiàn)回到頁面頂部動畫效果的簡單實例
下面小編就為大家?guī)硪黄狫S實現(xiàn)回到頁面頂部動畫效果的簡單實例。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
javascript:void(0)是什么意思示例介紹
Javascript中void是一個操作符，該操作符指定要計算一個表達式但是不返回值，有不了解的朋友可以參考下本文
2013-11-11
javascript中數(shù)組的冒泡排序使用示例
數(shù)組的冒泡排序很實用，不過還是有些同學們不會，于是在本文為大家詳細介紹下，感興趣的朋友不要錯過
2013-12-12
layui動態(tài)渲染生成select的option值方法
今天小編就為大家分享一篇layui動態(tài)渲染生成select的option值方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
AJAX請求與跨域問題解決方法詳解
學習ajax必須得掌握的就是跨域請求,實際上在不同源的地址上發(fā)送請求就是跨域請求,本文主要給大家介紹了關于AJAX請求以及解決跨域問題的相關資料,需要的朋友可以參考下
2022-11-11
淺談js控制li標簽排序問題 js調用php函數(shù)的方法
下面小編就為大家?guī)硪黄獪\談js控制li標簽排序問題 js調用php函數(shù)的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10
JavaScript 關鍵字屏蔽實現(xiàn)函數(shù)
JavaScript屏蔽關鍵字，大概的思路就是去用javascript去替換已有的文本，達到替換的目的
2009-08-08