More than 5 years have passed since last update.

【fontbonb】たった2行でWebページを爆破しよう

Last updated at 2019-06-15Posted at 2019-06-15

未来電子テクノロジー株式会社でインターンをしている文系大学一回生です。
JavaScriptで面白い機能が実装できたのでご紹介します。

1.HTMLを適当に書く

<!DOCTYPE html>
<html lang="ja">

  <head>
    <meta charset="utf-8">
    <title>fontbonb</title>
  </head>

  <dody>
    <p>あああああああああああああああああああああああああああああああ</p>
    <p>あああああああああああああああああああああああああああああああ</p>
    <p>あああああああああああああああああああああああああああああああ</p>
    <p>あああああああああああああああああああああああああああああああ</p>
    <p>あああああああああああああああああああああああああああああああ</p>
  </dody>

2.javascriptを2行追加する

<!DOCTYPE html>
<html lang="ja">

  <head>
    <meta charset="utf-8">
    <title>fontbonb</title>
    <!-- 1行目を追加　-->
    <script type="text/javascript" src="http://use.typekit.com/qcc5ovd.js"></script>
  </head>

  <dody>
　　 <p>あああああああああああああああああああああああああああああああ</p>
    <p>あああああああああああああああああああああああああああああああ</p>
    <p>あああああああああああああああああああああああああああああああ</p>
    <p>あああああああああああああああああああああああああああああああ</p>
    <p>あああああああああああああああああああああああああああああああ</p>
    <p>あああああああああああああああああああああああああああああああ</p>
    <!--2行目を追加 -->
    <p><a href="javascript:(function () {var s = document.createElement('script');s.setAttribute('src', 'http://fontbomb.ilex.ca/js/main.js');document.body.appendChild(s);}());"><strong>Fontbomb</strong></a></p> 
　　</dody>

ポイントは、1行目をheadタグ内に、2行目をbodyタグ内に追加することです。

3.ブラウザで確認

Fontbombと書かれたリンクをクリックした後にもう一度他の場所をクリックすると、文字を爆破できます。

たった2行でストレス発散できるのでコスパは最高です。
暇な方はぜひ試してみてはいかかでしょうか？

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up