「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>
