js 팝 업 상자, 대화 상자, 알림 상자, 팝 업 창 요약

18765 단어
JS 에서 가장 흔히 볼 수 있 는 세 가지 대화 상자
//====================== JS           ========================

    //              
    function ale() {
        //       
        alert("    !");

    }

    //       ,        
    function firm() {
        //          (true    false)
        if (confirm("      ?")) {
            alert("     ");
        }
        else {
            alert("     ");
        }

    }

    //       ,      ,    
    function prom() {
        var name = prompt("       ", ""); //           name ,

        //        ,prompt     ,       ,          ,         
        if (name)//        
        {
            alert("   :" + name)
        }

    }

2. 버튼 을 눌 렀 을 때 자주 사용 하 는 6 개의 알림 상자 와 동작

 
 


 


 
되돌아오다
javaScript:window.location.reload();//        

 


3. 팝 업 독립 창
//  ,        ,        
this.Response.Write("window.close();");

//  ,              ,     
this.Response.Write(""); 
this.Response.Write("{top.opener =null;top.close();}"); 
this.Response.Write("");

//          width=200 height=200  。   ,   ,   ,       
this.Response.Write("window.open('rows.aspx','newwindow','width=200,height=200')");

//           
this.Response.Write("window.open('rows.aspx')");
this.Response.Write("window.open('WebForm2.aspx','_blank');");

//        webform2.aspx (   IE   ) 
this.Response.Write(" alert('    ');window.window.location.href='WebForm2.aspx'; ");

//       ,      
this.Response.Write("window.opener.location.href=window.opener.location.href;window.close();");
this.Response.Write("window.opener.location.replace(window.opener.document.referrer);window.close();");

//         
this.Response.Write("window.opener.location.href=window.opener.location.href;");
this.Response.Write("window.opener.location.href='WebForm1.aspx';");

//      .        (WebForm2.aspx) 
this.Response.Write("alert('    !');window.open('WebForm2.aspx')");

//      ,   ,      
this.Response.Write("alert('    !');window.opener.location.href=window.opener.location.href;");

//        


// 
Response.Write("parent.mainFrameBottom.location.href='yourwebform.aspx?temp=" +str+"';");


 
<!-- 
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //       
--> </code></pre> 
   <br> 
   <span style="font-family:Arial;font-size:14px;line-height:26px;"><strong><span style="color:#000099;">       :</span></strong></span> 
   <br> 
   <p><span style="font-family:Arial;font-size:14px;line-height:26px;"><strong><span style="color:#000099;"><span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;"><span></span>window.open         ; </span><br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;"><span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;"><span></span>'page.html'         ; </span><br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;"><span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;"><span></span>'newwindow'        (     ),   ,   ''  ; </span><br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;"><span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">  height=100     ; </span><br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;"><span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">  width=400     ; </span><br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;"><span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">  top=0             ; </span><br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;"><span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">  left=0             ; </span><br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;"><span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">  toolbar=no        ,yes   ; </span><br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;"><span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">  menubar,scrollbars          。 </span><br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;"><span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">  resizable=no           ,yes   ; </span><br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;"><span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">  location=no        ,yes   ; </span><br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;"><span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;">  status=no            (         ),yes   ;</span></span></strong></span></p> 
   <p><span style="font-family:Arial;line-height:26px;"><strong><span style="font-size:14px;color:rgb(51,51,51);font-family:Arial;line-height:26px;"><span style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;"><span></span>'newwin':            </span><br style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;"></span><span style="font-size:18px;"><br></span></strong></span></p> 
   <p><span style="font-family:Arial;line-height:26px;"><span style="font-size:18px;"><strong> 、        </strong></span></span></p> 
   <p></p> 
   <pre><code class="language-javascript">    //1、          

  window.open ('page.html') 


    //2、          

  window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //       

   
  //    : 
  //window.open         ; 
  //'page.html'         ; 
  //'newwindow'        (     ),   ,   ''  ; 
  //height=100     ; 
  //width=400     ; 
  //top=0             ; 
  //left=0             ; 
  //toolbar=no        ,yes   ; 
  //menubar,scrollbars          。 
  //resizable=no           ,yes   ; 
  //location=no        ,yes   ; 
  //status=no            (         ),yes   ; 
   
    //3、         
  
  function openwin() {
      window.open("page.html", "newwindow", "height=100, width=400, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no") //    
  } 
    $(document).ready(fucntion(){
        openwin();
    });
  
  //         openwin(),            。            。     ?

  //   :<body οnlοad="openwin()">            ; 
  //   :<body οnunlοad="openwin()">             ; 
  //   :       : 
  //<a href="#" οnclick="openwin()">      </a> 
  //  :   “#”    。 
  //   :       : 
  //<input type="button" οnclick="openwin()" value="    "> 
  
    //4、    2    
   
      function openwin() {
          window.open("page.html", "newwindow", "height=100, width=100, top=0, left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=n o, status=no")//    
          window.open("page2.html", "newwindow2", "height=100, width=100, top=1 00, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, loca tion=no, status=no")//    
      } 

  //      2     , top left                  。                。 
  //  :2    name(newwindows newwindow2)    ,        。

    //5、       1.htm,       page.html

      function openwin() {
          window.open("page.html", "", "width=200,height=200")
      }  

  //  :<a href="1.htm" οnclick="openwin()">open</a>
   
    //6、            
   
  //                 ,      。                   (     page.html HTML ,      ),  10            ?
    //  ,       page.html   <head> : 
    function closeit() {
        setTimeout("self.close()", 10000) //   
    } 
    //            
  $(document).ready(fucntion(){
        closeit();
    });

    //7、              

    //<INPUT TYPE='BUTTON' VALUE='  ' onClick='window.close()'> 
  

    //8、        -        

  //            ,      ,          。       ,                。

      function openwin() {
          OpenWindow = window.open("", "newwin", "height=250, width=250,toolbar=no ,scrollbars=" + scroll + ",menubar=no");
          //     
          OpenWindow.document.write("<TITLE>  </TITLE>")
          OpenWindow.document.write("<BODY BGCOLOR=#ffffff>")
          OpenWindow.document.write("<h1>Hello!</h1>")
          OpenWindow.document.write("New window opened!")
          OpenWindow.document.write("</BODY>")
          OpenWindow.document.write("</HTML>")
          OpenWindow.document.close()
      } 
  
  //<a href="#" οnclick="openwin()">      </a> 
  //<input type="button" οnclick="openwin()" value="    "> 


    //9、    --      Cookie  

  //    ,          ,        ,                       (    ),          ,        ,    cookie         。
  //  ,          HTML <HEAD> :

      function openwin() {
          window.open("page.html", "", "width=200,height=200")
      }
      function get_cookie(Name) {
          var search = Name + "="
          var returnvalue = "";
          if (document.cookie.length > 0) {
              offset = document.cookie.indexOf(search)
              if (offset != -1) {
                  offset += search.length
                  end = document.cookie.indexOf(";", offset);
                  if (end == -1)
                      end = document.cookie.length;
                  returnvalue = unescape(document.cookie.substring(offset, end))
              }
          }
          return returnvalue;
      }
      function loadpopup() {
          if (get_cookie('popped') == '') {
              openwin()
              document.cookie = "popped=yes"
          }
      } 

  //  , <body οnlοad="loadpopup()">(    openwin  loadpop !)         <BODY>     。                     ,         。   Pop-Only-Once!
</code></pre> 
   <br>     :http://blog.csdn.net/xiaotaoqibao/article/details/6797089 
   <p><br></p> 
   <p><br></p> 
   <p><br></p> 
  </div> 
  <p>   :https://www.cnblogs.com/java20130725/p/3215390.html</p> 
 </div> 
</div>
                            </div>
                        </div>
                    </div>
                    <!--PC WAP    -->
                    <div id="SOHUCS" sid="1276789585065558016"></div>
                    <script type="text/javascript" src="/views/front/js/chanyan.js">
                    
                     
                
이 가능 하 다, ~ 할 수 있다,...
  • JVM StackMapTable 속성의 역할 및 이해
    lijingyao8206
    jvm 바이트 코드 Class 파일 StackMapTable
  • 리 턴 함수 호출 방법
    백합 은 차 가 아니다.
    java
  • [타 임 머 신] 타 임 머 신 을 만 들 려 면 재료 가 좀 필요 해 요.
    comsci
    만들다
  • 입 을 다 물고 원망 하 는 것 보다 입 을 다 물고 일 하 는 것 이 낫다.
    등 집 해
    등 집 해 는 사람 으로서 일 을 한다.
  • jQuery 플러그 인 개발 전체 분석, 클래스 및 대상 단계 개발
    IT 독행 자
    jquery 개발 하 다. 플러그 인 함수.
  • 로마 해석 Rss
    413277409
    로마 해석 Rss
  • RSA 암호 화 복호화
    무량 하 다
    암호 화 복호화 rsa
  • 질문
    aichenglong
    linux 닥 친 문제 ftp
  • 알파벳 별 분류:
    A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 기타
    첫 페이지 -
    우리 -
    역 내 검색 -
    Sitemap -
    권리 침해 신고
    모든 IT 지식 창고 저작권© 2000 - 2050 IT 지식 창고 IT610. com, 판권 소유.
    경 ICP 비 09083238 호










    좋은 웹페이지 즐겨찾기