0

私はWeb開発の世界では初めてで、次の質問がありました。

（HTMLページ全体ではなく）画像を印刷するボタンをHTML5に実装したい

この質問のコードを試しましたウェブサイトに画像を印刷

しかし、未処理の例外が発生しました：

0x800a138f - Microsoft JScript runtime error : Umable to get value of the property 'innerHTML':object is null or undefined

誰かが私にこれを行う方法を教えてもらえますか？

ありがとう！

編集：私が印刷と言うとき、私は物理的なプリンターで印刷することを意味し、画面に表示されません

4

2 に答える 2

1

このようなもの？これを泡立てた

<!DOCTYPE>
<html>
<body>
<button onclick="showimage()">Click Here for Image</button>
</body>
<script type="text/javascript">
function showimage() {
    var _body = document.getElementsByTagName('body') [0];
    var img = document.createElement('img');
    //you can replace the link with any image you want
    img.setAttribute('src', 'http://i.123g.us/c/cute_teddy/card/109882.gif');
    img.setAttribute('alt', 'Picture');
    _body.appendChild(img);
}
</script>
</html>

jsFiddleはこちら

これがどのように機能するかを理解するのに助けが必要な場合は、遠慮なく質問してください。基本的に、ボタンがあり、imgタグを作成し、適切な属性を設定します。これが正常に完了したら、HTMLドキュメントの本文に追加して表示できるようにします。Web開発/Javascriptに慣れていないので、DOM（Document Object Model）をよく理解することをお勧めします。

于 2013-02-13T00:14:30.027 に答える
0

だからここにそれを行う非常に簡単な方法があります：

<!DOCTYPE>
<html>
<body>
<button onclick="showimage()">Click Here for Image</button>
</body>
<script type="text/javascript">
function showimage() {
     if (typeof img== 'object')
                    img= img.src;
                window.win = open(img);
                setTimeout('win.document.execCommand("Print")', 500);
}
</script>
</html>
于 2013-02-22T22:19:16.490 に答える