| 情報学部 | 菅沼ホーム | 目次 | 索引 |
プログラム（下がそのソースコード）では，writeln を使用してページの一部を作成している．また，ボタンをクリックすることによって，ページ内容の消去，ページの書き換え，または，新しいページの作成を行っている．
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>document</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<META NAME=viewport CONTENT="width=device-width, initial-scale=1">
<LINK REL="stylesheet" TYPE="text/css" HREF="../../../master.css">
<SCRIPT TYPE="text/javascript">
function del()
{
document.open();
document.clear();
document.close();
}
function renew()
{
document.open();
document.writeln('<H1 STYLE="text-align: center">書き換えた文書です</H1>');
document.close();
}
function new_p()
{
let nw = open("", "new_page");
nw.document.open();
nw.document.writeln('<HTML>');
nw.document.writeln('<HEAD>');
nw.document.writeln(' <TITLE>新しいページ</TITLE>');
nw.document.writeln(' <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">');
nw.document.writeln('</HEAD>');
nw.document.writeln('<BODY>');
nw.document.writeln(' <H1 STYLE="text-align: center">新しいページです</H1>');
nw.document.writeln('</BODY>');
nw.document.writeln('</HTML>');
nw.document.close();
}
</SCRIPT>
</HEAD>
<BODY CLASS="white">
<H1 STYLE="text-align: center">HTML 文書の生成</H1>
<DL>
<DT> 「消去」ボタンをクリックすると内容が消去され，「書き換え」ボタンをクリックするとこの文書が書き換わり，また，「新しいページ」ボタンをクリックすると新しい Window が生成されます．
</DL>
<SCRIPT TYPE="text/javascript">
document.writeln('<FORM>');
document.writeln(' <P STYLE="text-align: center">');
document.writeln(' <INPUT TYPE="button" VALUE="消去" onClick="del()"> ');
document.writeln(' <INPUT TYPE="button" VALUE="書き換え" onClick="renew()"> ');
document.writeln(' <INPUT TYPE="button" VALUE="新しいページ"onClick="new_p()">');
document.writeln(' </P>');
document.writeln('</FORM>');
</SCRIPT>
</BODY>
</HTML>
プログラム（下がそのソースコード）は，document オブジェクトのプロパティの使用例であり，各プロパティの値を出力している．
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>document</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<META NAME=viewport CONTENT="width=device-width, initial-scale=1">
<LINK REL="stylesheet" TYPE="text/css" HREF="../../../master.css">
</HEAD>
<BODY CLASS="white">
<H1 STYLE="text-align: center">document オブジェクトのプロパティ</H1>
<SCRIPT TYPE="text/javascript">
document.writeln("タイトル（ title ）： " + document.title + "<BR>");
document.writeln("URL（ URL ）： " + document.URL + "<BR>");
document.writeln("URL（ location ）： " + document.location + "<BR>");
document.writeln("ドメイン名（ domain ）： " + document.domain + "<BR>");
document.writeln("リンク元のURL（ referrer ）： " + document.referrer + "<BR>");
document.writeln("ファイル更新日時（ lastModified ）： " + document.lastModified + "<BR>");
document.cookie = "test_coolie=クッキーの例; path=/suganuma/home/JavaScript/document/";
document.writeln("クッキーの内容： " + document.cookie + "<BR>");
</SCRIPT>
</BODY>
</HTML>
| 情報学部 | 菅沼ホーム | 目次 | 索引 |