집 >웹 프론트엔드 >JS 튜토리얼 >Node.js 팝업 창 코드 생성기_javascript 기술

Node.js 팝업 창 코드 생성기_javascript 기술

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB원래의: 2016-05-16 19:12:031215검색

<div style="text-align:center; height:30px;"><h3>팝업창 코드 생성기</h3></div>
이 효과를 얻으려면  영역에 다음 코드를 추가하세요.

<tr>
    <td>
      
        
        </td>
</tr>
<tr>
          <td>
            <div align="center"><b><font color="#7b9431">
              <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></b></div>
</td> 
<font size="4">
 
</font> 
<font size="3"><b>弹出式窗口代码产生器</b></font>  
<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>

<table width="100%" border="0" cellpacing="0" cellpadding="1" bgcolor="#000000">
  <tr><td>
   
    </td></tr>
<tr> <td colspan="2">
<font size="2" color="red"><b>새 창에서 열리는 파일</b></font>
        
 
        <font size="2"><font size="1" color="red">(파일 이름 또는 URL 주소...) </font></font>
</td>
</tr>
</table>
    <script language="JavaScript"> 
<!--   
function uncode() { 
smut="<"; 
replacewords="< "; 
txt=document.mail.source2.value; 
tstx=""; 
space=replacewords.indexOf(" "); 
wrd=replacewords.substring(0,space); 
wrdl=wrd.length 
replacewords=replacewords.substring(space+1,replacewords.length); 
while (txt.indexOf(wrd)>-1){ 
space=txt.indexOf(wrd); 
txt=txt.substring(0,space)+smut+txt.substring((space+wrdl),txt.length);} 
smut=">"; 
replacewords="> "; 
space=replacewords.indexOf(" "); 
wrd=replacewords.substring(0,space); 
wrdl=wrd.length 
replacewords=replacewords.substring(space+1,replacewords.length); 
while (txt.indexOf(wrd)>-1){ 
space=txt.indexOf(wrd); 
txt=txt.substring(0,space)+smut+txt.substring((space+wrdl),txt.length);} 
document.mail.source2.value=txt; 
}

[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]

성명：

이전 기사：innertext, insertadjacentelement, insertadjacenthtml, insertadjacenttext 등의 차이점_javascript 기술다음 기사：innertext, insertadjacentelement, insertadjacenthtml, insertadjacenttext 등의 차이점_javascript 기술

Node.js 팝업 창 코드 생성기_javascript 기술

관련 기사