Tecnología

Inicio

Cómo utilizar un botón HTML Con Los Marcos

April 1

Hypertext Markup Language, o HTML, puede incrustar objetos, como botones, en una página que los visitantes pueden utilizar para navegar por el sitio o enviar formularios en línea. Creación de un botón para la navegación, sin embargo, es más complicado cuando una página web utiliza marcos. Los sitios web que utilizan marcos son combinar varias páginas en una sola página. Si se agrega un botón que permite al visitante para ir a la página anterior en el sitio web o ir a distintas partes del sitio, debe modificar el código para que la página se carga en el marco o ventana correcta.

Instrucciones

1 Inserte el "botón <>" etiquetas entre el "<body>" y "</ body>" etiquetas en el marco deseado:

<Body>
<Tipo botón = "botón"> </ botón>
</ Body>

2 Introduzca un nombre para el botón de "entre los botones <>" etiquetas:

Botón <type = "button"> Texto del botón </ botón>

3 Rodea el "botón <>" etiquetas con "<form>" etiquetas para que el botón se puede realizar la función JavaScript deseada:

<Form>
Botón <type = "button"> Texto del botón </ botón>
</ Form>

4 Añadir el evento "onclick" a la etiqueta "botón <>" para llamar a la función de JavaScript cuando se hace clic en el botón:

<Tipo botón = "botón" onclick = "">

5 Insertar "ob = this.form.nav; for (i = 0; i <ob.length; i ++) {if (ob [i] .checked) {window.open (ob [i] .value, '_ top') ;};} "entre las cotizaciones al lado de" onclick "para usar el botón de navegación del sitio. Un ejemplo del código completo podría ser:

<Form action = "../">
<Input type = "radio" value = "http: // mi sitio web / link1.html" name = "nav"> Mi Enlace # 1 </ input>
<Input type = "radio" value = "http: // mi sitio web / link2.html" name = "nav"> Mi Enlace # 2 </ input>
<Tipo botón = "botón" onclick="ob=this.form.nav;for(i=0;i<ob.length;i++){if(ob[i].checked){window.open(ob[i].value,'_top');};}">
</ Form>

6 "_top" Carga el enlace en una ventana completa; reemplazar "_top" con "_blank" para cargar el enlace en una nueva pestaña o ventana, si se desea, o use "_self" para cargar el enlace en el cuadro actual. También puede reemplazar "_top" con el nombre de un marco de destino.

7 Insertar "parent.FRAMENAME.history.go (-1)" entre las comillas al lado de "onclick" para utilizar el botón como un botón de retroceso. Reemplazar "FRAMENAME" con el nombre del marco de destino.