【おやじのweb技】 html/javascript/css等

TopPage表示 /  保 存 /  印 刷 /  Window Resize /  Window Close
t007

ページを保存するダイアログを表示する◇execCommand◇SaveAs

action このページを保存するためのダイアログを表示します。
下記をクリックして下さい。

このページを保存する
web技

◆手順1【javascript】<head>〜</head>間に記述
※ファイル保存ダイアログボックスを表示する
※<head>〜</head>間に作成する

-----次の行から(copy)-----
<script language="JavaScript">
<!--
function SaveFile(){
  document.execCommand("SaveAs");
}
//-->
</script>
-----上の行まで(copy)-----

◆手順2【スクリプト実行】<body〜>に記述

-----次の行から(copy)-----
<a href="#" onclick="SaveFile()">このページを保存する</a>
-----上の行まで(copy)-----

解説等

◆ファイル保存ダイアログが表示されたらファイル名・ファイルの種類を確認の上、自分のパソコンの適当なフォルダに保存して下さい。
◆保存されるのは、このスクリフトが書き込まれたhtmlファイルだけで、そこからリンクしている画像やファイルは保存されません。
****
◆通常、リンク文字からリンクしている先の画像やファイルを保存するには、リンク文字を右クリックして「対象をファイルに保存」を選択します。

キーワード ◇execCommand◇SaveAs
注意

◆操作MENUの[Window Resize]を選択するとウィンドウサイズが変更可能です。インラインフレームの幅もウィンドウ幅に追従します。
◆上記の[web技]をクリップボードにコピーしテキストエディタに貼り付けて使用する場合は、表示のための改行記号や全角・半角スペースの記号等を削除して下さい。
-----次の行から(copy)-----
(この部分をクリップボードにコピーしてテキストエディタ等に貼り付けて下さい)
-----上の行まで(copy)-----

このページのトップに戻る /  Window Resize /  Window Close /  最終更新日表示