De uitwerking

Bekijk de eigenschappen van deze pagina



De code

<html>
<head>
<title>Oefening 7.1: Eigenschappen van een webpagina </title>
<script language="JavaScript">
<!--
function maakRij(data1, data2){
  var rijString = '<tr><td>';
  rijString += data1;
  rijString += '</td><td>';
  rijString += data2;
  rijString += '</td></tr>';
  return rijString;
}

function eigenschappen(){
  var string1;
  var string2;
  var windowFeatures='width=600,height=500,toolbar=no,scrollbars=yes,menubar=no'

  string1 = '<html><head><title>Eigenschappen</title></head>';
  string1 += '<body bgcolor="Navy" text="White"><h2 align="center">Eigenschappen van deze pagina</h2>';
  string1 += '<div align=center>';
  string1 += '<table border=1 cellpadding=5>';
  string1 += '<tr><th>Eigenschap</th><th>Waarde</th></tr>';

  myWin= window.open('', 'eigenschappen', windowFeatures);
  myWin.document.write(string1);
  myWin.document.write(maakRij('Achtergrondkleur', document.bgColor));
  myWin.document.write(maakRij('Voorgrondkleur', document.fgColor));
  myWin.document.write(maakRij('Kleur van de links', document.linkColor));
  myWin.document.write(maakRij('Kleur van actieve links', document.alinkColor));
  myWin.document.write(maakRij('Kleur van gevolgde links', document.vlinkColor));
  myWin.document.write(maakRij('Titel van deze pagina', document.title));
  myWin.document.write(maakRij('Datum laatste wijziging', document.lastModified));
  myWin.document.write(maakRij('Locatie', document.URL));
  if (document.referrer != '')
    myWin.document.write(maakRij('Document.referrer', document.referrer));
  else
    myWin.document.write(maakRij('Document.referrer', 'Leeg !'));

  string2 = '</table>';
  string2 += '<form><input type="button" Value="Sluit Venster" onClick="self.close()"></form>';
  string2 += '</div></body></html>';
  myWin.document.write(string2);
  myWin.document.close();
}
//-->
</script>
</head>
<body bgcolor="Navy" text="White">
<div align="center">
  <h2>Bekijk de eigenschappen van deze pagina</h2>
  <hr width=50%>
  <form>
    <input type=button value="Eigenschappen" onClick="eigenschappen()">
  </form>
  <hr width=50%>
</div>
</body>
</html>

Terug naar de vragen