facebook twitter hatena line email

「Javascript/便利ライブラリ」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(ページの作成:「==スムーズスクロール== http://blog.webcreativepark.net/2007/07/12-143406.html html5対応でページ内リンク時スクロールがアニメーション化...」)
 
 
(同じ利用者による、間の1版が非表示)
行6: 行6:
 
  <<nowiki />div id="top"></div>
 
  <<nowiki />div id="top"></div>
 
  <<nowiki />a href="#top>ページの先頭</a>
 
  <<nowiki />a href="#top>ページの先頭</a>
 +
 +
==javascriptでsha1を使う==
 +
ダウンロード
 +
https://github.com/Caligatio/jsSHA
 +
 +
<script type="text/javascript" src="/jsSHA-2.3.1/src/sha.js"></script>
 +
<script type="text/javascript">
 +
var shaObj = new jsSHA("SHA-1", "TEXT");
 +
shaObj.update("This is a ");
 +
shaObj.update("test");
 +
var hash = shaObj.getHash("HEX");
 +
 +
==javascriptでmarkdownを使う==
 +
<nowiki><!DOCTYPE html>
 +
<html lang="ja">
 +
  <head>
 +
    <meta charset="utf-8">
 +
    <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.4.0/marked.min.js"></script>
 +
  </head>
 +
  <body>
 +
  <div id="content"></div>
 +
  <script>
 +
    document.getElementById('content').innerHTML =
 +
      marked('# Marked in browser\n\nRendered by **marked**.');
 +
  </script>
 +
  </body>
 +
</html></nowiki>

2018年5月29日 (火) 18:33時点における最新版

スムーズスクロール

http://blog.webcreativepark.net/2007/07/12-143406.html

html5対応でページ内リンク時スクロールがアニメーション化します。

<script type="text/javascript" src="./smoothScroll.js"></script>
<div id="top"></div>
<a href="#top>ページの先頭</a>

javascriptでsha1を使う

ダウンロード https://github.com/Caligatio/jsSHA

<script type="text/javascript" src="/jsSHA-2.3.1/src/sha.js"></script>
<script type="text/javascript">
var shaObj = new jsSHA("SHA-1", "TEXT");
shaObj.update("This is a ");
shaObj.update("test");
var hash = shaObj.getHash("HEX");

javascriptでmarkdownを使う

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.4.0/marked.min.js"></script>
  </head>
  <body>
  <div id="content"></div>
  <script>
    document.getElementById('content').innerHTML =
      marked('# Marked in browser\n\nRendered by **marked**.');
  </script>
  </body>
</html>