Autor Tema: Problemas para visualizar ejemplos del curso javascript desde cero  (Leído 2508 veces)

Juan-funk

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 1
    • Ver Perfil
Hola. tengo problemas para visualizar dos ejemplos de javascript del curso "javascript desde cero.." El problema es que ambos códigos me muestran una página en blanco...
Lo extraño es que otros códigos de ejemplo si los logro visualizar bien. Estoy usando navegador firefox(javascript está hablitado), sublime text como editor. Los códigos son los siguientes:

Código: [Seleccionar]
<!DOCTYPE html>

<html>
               <head>

                 <title>Ejemplo HTML aprenderaprogramar.com</title>

                  <meta name="tipo_contenido"  content="text/html;" http-equiv="content-type" charset="utf-8">
                </head>     

                <body>

                               <script>

                               var txt = "Quiero aprender a programar";

                               document.write("<p>Negrita: " + txt.bold() + "</p>");

                               document.write("<p>Itálica: " + txt.italics() + "</p>");

                               document.write("<p>Tachado: " + txt.strike() + "</p>");

                               document.write("<p>Color fuente: " + txt.fontcolor("green") + "</p>");

                               </script>

                </body>
</html>

Código: [Seleccionar]
<!DOCTYPE html>
<!—Código base para el curso de javascript desde cero de aprenderaprogramar.com -->
<html>
<head>
<title>Portal web - aprenderaprogramar.com</title>
<meta charset="utf-8">
<meta name="description" content="Portal web aprenderaprogramar.com">
<meta name="keywords" content="aprender, programar, cursos, libros">
<link rel="stylesheet" type="text/css" href="estilosA.css">
</head>
<!-- Contenido de la página web -->
<body>
<!-- Cabecera de la página web -->
<div id="cabecera">
<h1>Portal web aprenderaprogramar.com</h1>
<h2>Didáctica y divulgación de la programación</h2>
</div>
<!-- Fin de la cabecera de la página web -->
<!-- Contenedor para la parte central -->
<div id="central">
<!-- menu -->
<div id="menu">
<div class="txtPresentaMenu">Menú</div>
<hr/>
<ul class="itemsMenu">
<li><a href="#">Inicio</a></li>
<li> <a href="libros.html">Libros de programación</a> </li>
<li> <a href="cursos.html">Cursos de programación</a> </li>
<li> <a href="humor.html">Humor informático</a> </li>
</ul>
</div>
<!-- fin menu -->
<!-- cuerpo -->
<div id="cuerpoCentral">
<!-- Texto con imágenes -->
<div class="txtConImg">
<p>Aprender a programar es un objetivo que se plantea mucha gente y que no todos alcanzan.</p>
<p>Hay que tener claro que <a href="https://www.aprenderaprogramar.com">aprender programación</a> no es tarea de un día ni de una semana: aprender programación requiere al menos varios meses y, si hablamos de programación a nivel profesional, varios años. No queremos con esto desanimar a nadie: en un plazo de unos pocos días podemos estar haciendo nuestros primeros programas.</p>
<p>Puedes seguir uno de <a href="https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=57&Itemid=86">nuestros cursos</a> entre los varios disponibles. Cuando haya que utilizar un editor de textos recomendamos el uso de uno potente y sencillo como Notepad++, aunque son válidas otras alternativas como Crimson Editor.</p>
<a href="https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=205&catid=57:herramientas-informaticas&Itemid=179">
<img src="http://i.imgur.com/afC0L.jpg" alt="Notepad++" title="Notepad++, un útil editor de texto">
</a>
<img src="http://www.crimsoneditor.com/images/logo.jpg" alt="Crimson" title="Crimson, un editor de texto alternativo">
</div>
<!-- Fin del texto con imágenes -->
<!-- Formulario de contacto -->
<form name ="formularioContacto" class="formularioTipo1" method="get" action="accion.html">
<div class="form-content">
<h2>Formulario de contacto</h2>
<p>Si quieres contactar con nosotros envíanos este formulario relleno:</p>
<label for="nombre"><span>Nombre:</span> <input id="nombre" type="text" name="nombre" placeholder="Tu nombre..." /></label>
<label for="apellidos"><span>Apellidos:</span> <input id="apellidos" type="text" name="apellidos" placeholder="Tus apellidos..."/></label>
<label for="direccion"><span>Dirección:</span> <input id="direccion" type="text" name="direccion" placeholder="Tu dirección..."/></label>
<label for="email"><span>Correo electrónico:</span> <input id="email" type="text" name="email" placeholder="Tu email..."/></label>
<label for="mensaje"><span>Mensaje:</span> <textarea id="mensaje" name="mensaje" cols=30 rows=2 placeholder="Tu mensaje..."></textarea></label>
<label>
<input type="submit" value="Enviar">
<input type="reset" value="Cancelar">
</label>
</div>
</form>
<!-- Fin del formulario de contacto -->
</div>
<!-- fin cuerpo -->
</div>
<!-- fin contenedor para la parte central -->

<!-- Pie de página o footer -->
<div id="pieDePagina">
<img src="http://lh5.ggpht.com/_PeVwghrmOec/TMkzEonRrcI/AAAAAAAAAHc/IxL8g0fTYtk/an_oliva_png.png" alt="logo apr" title="Logo aprenderaprogramar.com">
Copyright 2006-2038 aprenderaprogramar.com
</div>
<!-- Fin del pie de página o footer -->
</body>
<!-- Fin del contenido de la página web -->
</html>

Cualquier orientación, ayuda la agradeceré. Saludos!



Alex Rodríguez

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2050
    • Ver Perfil
Re:Problemas para visualizar ejemplos del curso javascript desde cero
« Respuesta #1 en: 20 de Mayo 2016, 08:20 »
Hola, he probado el primer código en tres navegadores. En los dos primeros me muestra el resultado correctamente. En el tercero me aparece un aviso de seguridad y si no hago nada la página se queda en blanco. El aviso es: "No se permitió que esta página web ejecutara scripts o controles ActiveX en el equipo. ¿Permitir contenido bloqueado?

El segundo código sí me lo muestra en los tres navegadores.

Parece que fuera un problema relacionado con la configuración de seguridad del navegador. ¿Tienes el navegador actualizado? Otra cosa que deberías comprobar es el juego de caracteres que tienes en el editor de texto, comprobar que sea unicode sin bom.

Saludos

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".