New!

JavaScript: Bootstrap で「印刷する」ボタンを設置する

Web ブラウザで印刷を行う場合、JavaScript で簡単に実現することができます。
今回は Bootstrap ボタンで「印刷」ボタンを設置する方法をメモしておきます。

目次

  • Bootstrap で「印刷する」ボタンを設置する
  • まとめ

Bootstrap で「印刷する」ボタンを設置する

JavaScript の print() を実行するだけでブラウザの「印刷」プレビューを呼び出すことができます。

<a class="btn btn-primary" href="javascript:void(0)" onclick="window.print(); return false;">印刷</a>

まとめ

ペーパーレスの時代ですので、印刷ボタンがある Web サービスはあまり見かけませんが、メディアクエリの print と併用することで、業務管理系のサービス等に活用できるかと思います。

この記事がみなさんのお役に立ちましたら、下記「Share it」よりブックマークやSNSで共有していただければ幸いです。

siro:chro 無料ゲーム SQN をリリースしました

img_sqn_00

sirochro 初の無料ゲームアプリ SQN をリリースしました。
記事:SQN: iOS 無料ゲームアプリ SQN - Sequential Numbers をリリース
ちょっとした時間に楽しめる完全無料のゲームなっていますので、是非ダウンロードして遊んでみてください。

↓SQN のダウンロードはこちらから

Related Contents

Pickup Contents