1. Tres cuadros de diálogo más comunes en JS
// ================================================================ase } // aparece un cuadro de consulta, con la función de Confirmar y Cancelar Botones Firm () {// Use el valor devuelto por el cuadro de diálogo (Verdadero o Falso) if (confirmar ("¿Está seguro de enviar?")) {Alerta ("Haga clic para confirmar"); } else {alerta ("Haga clic para cancelar"); }} // aparece un cuadro de entrada, entra en un párrafo de texto y puede enviar funciones Prom () {var name = inder ("Por favor ingrese su nombre", ""); // Asigna el contenido de entrada al nombre de la variable, // debe tenerse en cuenta aquí que la propt tiene dos parámetros. Si el mensaje es el indicador, y luego el valor predeterminado en el cuadro de diálogo después de que salga el cuadro de diálogo .// si el contenido devuelto es {alerta ("Bienvenido:" + nombre)}}2. Los 6 cuadros de solicitud y operaciones se usan comúnmente al hacer clic en los botones
<! -------------------------> <input type = "button" name = "btn2" id = "btn2" value = "delete" onClick = "return Confirmar ('Yes/no');); < onClick = "javascript: window.location.href = 'http: //www.baidu.com';"/> <! ------------------- ------------------------------------------------------------------------------------------- javascript: window.location.reload (); // Regrese a la página actual y actualizar <! ------------------- -------------------------------------------------------------------------------------------3. Ventana independiente emergente
// Cerrar, el cuadro de diálogo aparece en la ventana principal, y la ventana infantil cierra directamente esto.response.write ("<script language = javaScript> window.close (); </script>"); // Cerrar, ni la ventana principal ni la ventana infantil aparecen en la ventana principal, cierra directamente esto.response.write ("<Script>"); this.Response.Write ("{top.opener = null; top.close ();}"); this.Response.Write ("</script>"); // La ventana popular actualiza el ancho de la página actual = 200 altura = 200 menú. La barra de menú, la barra de herramientas, la barra de direcciones, la barra de estado no tiene esta.Response.Write ("<script language = javaScript> window.open ('Rows.aspx', 'NewWindow', 'Width = 200, Height = 200') </script>"); // La ventana emergente actualiza la página actual this.Response.Write ("<script language = javaScript> window.open ('rows.aspx') </script>"); this.Response.Write ("<Script> Window.open ('WebForm2.aspx', '_ en blanco'); </script>"); // La ventana de solicitud emergente salta a la página webform2.aspx (en una ventana IE) this.response.write ("<script language = javaScript> alert ('registrado con éxito'); window.location.href = 'webform2.aspx'; </script>"); // Cierre la ventana infantil actual y actualice la ventana principal. this.Response.Write ("<Script> Window.opener.location.replace (window.opener.document.referrer); window.close (); </script>"); // La ventana infantil actualiza la ventana principal this.response.write ("<script> window.opener.location.href = window.opener.location.href = 'webform1.aspx'; </script>"); // La ventana infantil actualiza la ventana principal this.response.write ("<script> window.opener.location.href = 'webform1.aspx'; </script>"); // aparece la ventana infantil. Después de la confirmación, aparece la ventana infantil (webform2.aspx) this.response.write ("<script language = 'javaScript'> alert ('publicado con éxito!'); Window.open ('webform2.aspx') </script>"); // aparece la ventana de inmediato, y después de la confirmación, actualice la ventana principal this.response.write ("<Script> Alert ('Publicado con éxito!'); Window.opener.location.href = window.opener.location.href; </script>"); // La misma página aparece Up <input type = "button" value = "button" onClick = "javascript: window.open (window.location.href)"> // respuesta.write ("parent.mainframebottom.location.href = 'yourwebform.aspx? Temp =" +str +"';"); <Script language = "javascript"> <!-window.open ('page.html', 'newWindow', 'Height = 100, width = 400, top = 0, izquierda = 0, Barbar = no, menuBar = no, Scrollbars = no, reizable = no, ubicación = no, estado = no') // Esta oración debe escribirse como una línea->>>Explicación del parámetro:
Ventana. Comando abre para aparecer una nueva ventana;
'Page.html' Nombre de archivo de la ventana emergente;
'NewWindow' el nombre de la ventana emergente (no el nombre del archivo), si no es necesario, puede ser reemplazado por vacío '';
altura = 100 altura de la ventana;
ancho = 400 ancho de la ventana;
superior = 0 el valor de píxel de la ventana desde la parte superior de la pantalla;
izquierda = 0 el valor de píxel de la ventana a la izquierda de la pantalla;
Barra de herramientas = No para mostrar la barra de herramientas, sí es la pantalla;
Menubar, barras de desplazamiento significa barra de menú y barra de desplazamiento.
RESIZABLE = No para permitir cambiar el tamaño de la ventana, sí está permitido;
Ubicación = No para mostrar la barra de direcciones, sí está permitido;
Estado = No para mostrar información en la barra de estado (generalmente el archivo ya está abierto), sí está permitido;
'Newwin': Ocultar barra de herramientas de la barra de la barra de menú
4. Demostración de ejemplo de ventana emergente
// 1. El código de ventana emergente más básico Window.open ('Page.html') // 2. La ventana emergente después de configurar Window.open ('Page.html', 'NewWindow', 'Height = 100, Width = 400, Top = 0, Left = 0, Tool Bar = No, Menubar = no, ScrollBars = no, resizable = no, ubicación = no, status = no') // Esta sentencia debe estar escrita en una línea // parámetro de parámetro explicación: // ventana. //'Page.html 'el nombre del archivo de la ventana emergente; // 'NewWindow' el nombre de la ventana emergente (no el nombre del archivo), si no es necesario, puede usar vacío '' en su lugar; // altura = 100 altura de la ventana; // ancho = 400 ancho de la ventana; // top = 0 píxel valor de la ventana desde la parte superior de la pantalla; // Izquierda = 0 píxel Valor de la ventana desde el lado izquierdo de la pantalla; // Barra de herramientas = No si se muestra la barra de herramientas, sí es la pantalla; // Menubar, las barras de desplazamiento representan la barra de menú y la barra de desplazamiento. // Resizable = No para permitir cambiar el tamaño de la ventana, sí está permitido; // ubicación = no para mostrar la barra de direcciones, sí está permitido; // status = No si se muestra la información en la barra de estado (generalmente se ha abierto el archivo), sí está permitido; // 3. Use la función para controlar la función de ventana emergente OpenWin () {Window.open ("Page.html", "NewWindow", "Height = 100, Width = 400, ToolBar = no, Menubar = no, scrollbars = no, reenizable = no, ubicación = no, status = no") // escribirla como una línea} $ (documento) .ader (fucntion () // Una función OpenWin () se define aquí, y el contenido de la función es abrir una ventana. No hay uso hasta que se llame. ¿Cómo llamarlo? // Método 1: <Body Onload = "OpenWin ()"> Una ventana emergente es cuando el navegador lee la página; // Método 2: <Body OnUnload = "OpenWin ()"> Una ventana emergente es cuando el navegador deja la página; // Método 3: Llame con una conexión: // <a href = "#" onClick = "OpenWin ()"> Abra una ventana </a> // Nota: El "#" usado es una conexión virtual. // Método 4: llame con un botón: // <input type = "Button" onClick = "OpenWin ()" value = "OpenWin ()"> // 4, 2 Windows aparecen a la misma función de tiempo OpenWin () {Window.open ("Page.html", "NewWindow", "Height = 100, width = 100, top = 0, izquierda = 0, herramienta = no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no, no. resizable = no, ubicación = no, status = no ") // escríbalo en una ventana de línea.open (" page2.html "," newWindow2 "," altura = 100, ancho = 100, top = 1 00, izquierda = 100, ToolBar = no, menuBar = no, scrollBars = no, reizable = no, loca tion = no, status = no ") // Windows que aparecen, use la parte superior e izquierda para controlar la posición emergente y no se sobrescriban entre sí. Finalmente, use los cuatro métodos mencionados anteriormente para llamarlo. // Nota: Los nombres (NewWindows y NewWindow2) de las dos ventanas no deben ser los mismos, o simplemente están vacíos. // 5. Abra el archivo 1.htm en la ventana principal, y una pequeña ventana aparece la función Page.html OpenWin () {Window.open ("Page.html", "", "Width = 200, Height = 200")} // Llame: <a href = "1.htm" onClick = "Openwin ()"> Open </a> // 6. El control de cierre cronometrado de la ventana emergente//Bajo realizaremos algún control en la ventana emergente, y el efecto será mejor. Si agregamos una pequeña pieza de código a la página emergente (tenga en cuenta que se agrega al HTML de Page.html, no a la página principal), ¿no sería más genial dejarlo cerrar automáticamente después de 10 segundos? // Primero, agregue el siguiente código al área <head> del archivo page.html: function ssearit () {setTimeout ("self.close ()", 10000) // ms} // La carga de página se completa y llama al evento de cierre $ (documento) .ader (fucntion () {cerradorit ();}); // 7. Agregue un botón Cerrar a la ventana emergente // <input type = 'button' value = 'search' onClick = 'window.close ()'> // 8. Ventana emergente incluida: una página y dos ventanas // Los ejemplos anteriores contienen dos ventanas, una es la ventana principal y la otra es la ventana emergente. Con el siguiente ejemplo, puede completar el efecto anterior en una página. función OpenWin () {OpenWindow = Window.open ("" "," NewWin "," Height = 250, Width = 250, Tool Bar = No, ScrollBars = " + Scroll +", Menubar = no "); // escríbalo como una línea OpenWindow.document.Write ("<title> Ejemplo </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 = "#" onClick = "abrewin ()"> abre una ventana </a> // <input type = "oncclick =" abrewwin () "valor" // 9. Control de cookies de Ultimate Application-Popular Window/RECUERDE que, aunque la ventana emergente anterior es genial, hay un pequeño problema. Por ejemplo, si coloca el script anterior en una página que necesita pasar con frecuencia (como la página de inicio), cada vez que actualiza esta página, la ventana aparecerá una vez, y solo usamos cookies para controlarla. // Primero, agregue el siguiente código al área <head> de la página principal html: function openwin () {window.open ("page.html", "", "width = 200, altura = 200")} function get_cookie (name) {var búsqueda = name + "=" var returnValue = ""; if (document.cookie.length> 0) {offset = document.cookie.indexof (búsqueda) if (offset! = -1) {offset += search.length end = document.cookie.indexof (";", offset); if (end == -1) end = document.cookie.length; returnValue = unescape (document.cookie.substring (offset, final))}} return returnValue; } function loadPopup () {if (get_cookie ('popped') == '' ') {openwin () document.cookie = "Popped = yes"}} // Entonces, reemplazar la oración <body> original en la página principal con <cuerpo oncear = "loadpopup ()"> (nota que no está abierta pero lo carga!) Puede intentar refrescante esta página o reenterarlo, y reentrarse, y volver a entrar, y reenterlo, y reentrarse, y volver a entrar, y reenterlo, y volver a entrar, y volver a entrar, y volver a entrar, y volver a entrar en la ventana, y reenter a arriba de nuevo. ¡El verdadero pop-solo de super!El resumen anterior de los métodos de implementación de los cuadros emergentes JS, cuadros de diálogo, cuadros de solicitud y ventanas emergentes (recomendadas) es todo el contenido que comparto con usted. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.