PapuuWiki
JavaScript
をテンプレートにして作成
開始行:
#ls2(JavaScript)
*テンプレート [#kceb1a85]
**HTML 5形式でちょっと試したいときのテンプレート
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>JavaScriptテスト</title>
</head>
<body>
<script>
<!--
document.write('Hello, world!<br>');
//-->
</script>
<noscript>JavaScriptが利用できません。</noscript>
</body>
</html>
注：UTF-8で保存してください~
**簡易的なHTML 4形式でちょっと試したいときのテンプレート
<html>
<head>
<meta http-equiv="content-type" content="text/html; char...
<title>JavaScriptテスト</title>
</head>
<body>
<script type="text/javascript">
<!--
document.write('Hello, world!<br>');
//-->
</script>
<noscript>JavaScriptが利用できません。</noscript>
</body>
</html>
注：UTF-8で保存してください~
備考：DOCTYPEを付ければ正式なHTML 4となります
**ソース記入方法 [#r07be2f0]
***別ファイルに記述する方法 [#u8db2226]
HTML5
<script src="js/foo.js"></script>
HTML4.01, XHTML
<script type="text/javascript" src="js/foo.js" charset="...
※文字コードが違う場合はこのようにcharasetを指定します
***HTMLファイル中にまとめて記述する方法
<script type="text/javascript">
<!--
ココにコードを記述します
//-->
</script>
<noscript>ご使用の環境ではJavaScriptが動作しません。
このページはJavaScriptを使用していまので、一部機能をご利...
スクリプトが使えない場合は、コード部分を<!-- ... -->によ...
***XHTMLファイル中にまとめて記述する方法
<script type="text/javascript">
//<![CDATA[
ココにコードを記述します
//]]>
</script>
<noscript>ご使用の環境ではJavaScriptが動作しません。
このページはJavaScriptを使用していまので、一部機能をご利...
XHTMLでは<!-- -->を使用すると本当にコメントとなりスクリ...
***タグのイベントハンドラ属性で直接記述する方法 [#bdd35781]
<iframe src="http://mainichi.jp/" width="1024" height="7...
</iframe>
***aタグのhrefに直接記述する方法
<a href="JavaScript:window.alert('Hello, world!');">ダイ...
*リンク [#f9af324e]
-[[スマートフォン対応でよく使うhtml、css、javascriptのま...
-[[newを封印して、JavaScriptでオブジェクト指向する(1) | ...
-[[Mobile Safariのクリックイベントを高速化「fastClick.js...
-[[シンプルJavaScript継承 | CSS-EBLOG>http://css-eblog.co...
-[[フロントエンドJavaScriptにおける設計とテスト スライド...
-[[JavaScriptの開発をより簡単にしてくれる便利すぎるオンラ...
-[[JavaScriptで金額の表記にコンマを付ける | バシャログ技...
-[[JavaScript によるイベントドリブン | Hatena-Textbook>ht...
-[[YUI Compressor Online>http://yui.2clics.net/]] JavaScr...
-[[Greasemonkeyの使い方とアイコン素材>http://paro2day.blo...
-[[マンガで分かるJavaScriptプログラミング講座>http://croc...
-[[アークウェブシステム開発SandBox記事『Ajax/iframeを使っ...
-[[JavaScriptの基礎講座>http://homepage2.nifty.com/Shouji...
-[[JavaScriptist JavaScriptの基礎>http://javascriptist.ne...
-[[Gihyo.jp Firefox 3とFirebugで始めるJavaScript開発>http...
-[[Gihyo.jp jQueryではじめるAjax>http://gihyo.jp/dev/feat...
-[[Gihyo.jp マッシュアップを，ひとりでスピーディに大量構...
-[[ドラッグ&ドロップでファイルのアップロードを可能にするJ...
-[[JavaScript オブジェクトのクローンを作成する最も効率的...
-[[undefined値の判定 | 泥のように>http://blog.tojiru.net/...
-[[IBMのWeb開発技術文書一覧>http://www.ibm.com/developerw...
--[[jQuery Mobile と CSS3 を使用して、ユーザー機器に応じ...
--[[canvas を HTML マークアップで補完する>http://www.ibm....
--[[HTML 5 を使ってモバイル Web アプリケーションを作成す...
-[[URL（URI）エンコード・デコードを行う方法 | にししふぁ...
-[[JavaScriptでGETを取得する | S-MEMO>http://www.s-memo.n...
-[[swap関数 javascriptで、配列の二値の交換をする関数>http...
-[[JavaScript で File API を使用してファイルを読み取る>ht...
-[[(JavaScriptでの)バイナリデータの送信と受信 | yoyaのメ...
-[[モテる Java script スライドショー>http://www.slideshar...
-[[JavaScriptの落とし穴 スライドショー>http://www.slidesh...
-[[JavaScriptのMVCフレームワークと仲間たち | Developer's ...
-[[[JavaScript]for 内でイベントリスナとか登録するときにや...
-[[Web描画パフォーマンスの改善 | Cacoo Blog>http://blog.c...
-[[JavaScript でのローカル ファイルの読み込み | HTML5 Roc...
-[[JavaScript イディオム集 | nmi.jp>http://nmi.jp/archive...
-[[Unicode と JIS / EUC / シフトJIS 間の変換 | AOK's Java...
-[[JavaScriptで任意の文字列をテキストファイルとしてダウン...
-[[WEBページをJSで自動操作できるようにできる「SlimerJS」 ...
-[[JavaScriptの初見で読みづらいシンタックス＆パターン9種 ...
-[[社内研修「JavaScript基礎」の資料を公開します！ | mixi ...
-[[Refactor To Functional: a great introduction to functi...
-[[【保存版】スマートフォン制作でよく使うJavaScript まと...
-[[iOS6 Mobile SafariがAjax POSTでキャッシュする問題を回...
-[[localStorage基本操作>http://qiita.com/ichikawa_0829/it...
-[[JavaScriptの「型」の判定について | Qiita>http://qiita....
-[[最強オブジェクト指向言語 JavaScript 再入門！ スライド...
-[[あれ、いつも書いてるな〜というJavaScript の小技集 | バ...
-[[JavaScriptのコーディングTips集 - 主に言語とシステム開...
-[[型変換のいろいろ>http://qiita.com/zawascript/items/a25...
-[[Javascriptのスタイルガイドまとめ(おすすめ4選) | Qiita>...
-[[最強オブジェクト指向言語 JavaScript 再入門！ スライド...
-[[サーバサイドエンジニアでも押えておきたい！コアJavaScri...
-[[即時関数のメリットと主な用途>http://analogic.jp/immedi...
-[[Javascriptで位置情報を取得する方法(Geo Location API)>h...
-[[Google流 JavaScript におけるクラス定義の実現方法>http:...
-[[JavaScript で画像をリサイズする方法 | ボクココ>http://...
-[[知ってる？Web開発者がJavaScriptでゲームを作るときのは...
終了行:
#ls2(JavaScript)
*テンプレート [#kceb1a85]
**HTML 5形式でちょっと試したいときのテンプレート
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>JavaScriptテスト</title>
</head>
<body>
<script>
<!--
document.write('Hello, world!<br>');
//-->
</script>
<noscript>JavaScriptが利用できません。</noscript>
</body>
</html>
注：UTF-8で保存してください~
**簡易的なHTML 4形式でちょっと試したいときのテンプレート
<html>
<head>
<meta http-equiv="content-type" content="text/html; char...
<title>JavaScriptテスト</title>
</head>
<body>
<script type="text/javascript">
<!--
document.write('Hello, world!<br>');
//-->
</script>
<noscript>JavaScriptが利用できません。</noscript>
</body>
</html>
注：UTF-8で保存してください~
備考：DOCTYPEを付ければ正式なHTML 4となります
**ソース記入方法 [#r07be2f0]
***別ファイルに記述する方法 [#u8db2226]
HTML5
<script src="js/foo.js"></script>
HTML4.01, XHTML
<script type="text/javascript" src="js/foo.js" charset="...
※文字コードが違う場合はこのようにcharasetを指定します
***HTMLファイル中にまとめて記述する方法
<script type="text/javascript">
<!--
ココにコードを記述します
//-->
</script>
<noscript>ご使用の環境ではJavaScriptが動作しません。
このページはJavaScriptを使用していまので、一部機能をご利...
スクリプトが使えない場合は、コード部分を<!-- ... -->によ...
***XHTMLファイル中にまとめて記述する方法
<script type="text/javascript">
//<![CDATA[
ココにコードを記述します
//]]>
</script>
<noscript>ご使用の環境ではJavaScriptが動作しません。
このページはJavaScriptを使用していまので、一部機能をご利...
XHTMLでは<!-- -->を使用すると本当にコメントとなりスクリ...
***タグのイベントハンドラ属性で直接記述する方法 [#bdd35781]
<iframe src="http://mainichi.jp/" width="1024" height="7...
</iframe>
***aタグのhrefに直接記述する方法
<a href="JavaScript:window.alert('Hello, world!');">ダイ...
*リンク [#f9af324e]
-[[スマートフォン対応でよく使うhtml、css、javascriptのま...
-[[newを封印して、JavaScriptでオブジェクト指向する(1) | ...
-[[Mobile Safariのクリックイベントを高速化「fastClick.js...
-[[シンプルJavaScript継承 | CSS-EBLOG>http://css-eblog.co...
-[[フロントエンドJavaScriptにおける設計とテスト スライド...
-[[JavaScriptの開発をより簡単にしてくれる便利すぎるオンラ...
-[[JavaScriptで金額の表記にコンマを付ける | バシャログ技...
-[[JavaScript によるイベントドリブン | Hatena-Textbook>ht...
-[[YUI Compressor Online>http://yui.2clics.net/]] JavaScr...
-[[Greasemonkeyの使い方とアイコン素材>http://paro2day.blo...
-[[マンガで分かるJavaScriptプログラミング講座>http://croc...
-[[アークウェブシステム開発SandBox記事『Ajax/iframeを使っ...
-[[JavaScriptの基礎講座>http://homepage2.nifty.com/Shouji...
-[[JavaScriptist JavaScriptの基礎>http://javascriptist.ne...
-[[Gihyo.jp Firefox 3とFirebugで始めるJavaScript開発>http...
-[[Gihyo.jp jQueryではじめるAjax>http://gihyo.jp/dev/feat...
-[[Gihyo.jp マッシュアップを，ひとりでスピーディに大量構...
-[[ドラッグ&ドロップでファイルのアップロードを可能にするJ...
-[[JavaScript オブジェクトのクローンを作成する最も効率的...
-[[undefined値の判定 | 泥のように>http://blog.tojiru.net/...
-[[IBMのWeb開発技術文書一覧>http://www.ibm.com/developerw...
--[[jQuery Mobile と CSS3 を使用して、ユーザー機器に応じ...
--[[canvas を HTML マークアップで補完する>http://www.ibm....
--[[HTML 5 を使ってモバイル Web アプリケーションを作成す...
-[[URL（URI）エンコード・デコードを行う方法 | にししふぁ...
-[[JavaScriptでGETを取得する | S-MEMO>http://www.s-memo.n...
-[[swap関数 javascriptで、配列の二値の交換をする関数>http...
-[[JavaScript で File API を使用してファイルを読み取る>ht...
-[[(JavaScriptでの)バイナリデータの送信と受信 | yoyaのメ...
-[[モテる Java script スライドショー>http://www.slideshar...
-[[JavaScriptの落とし穴 スライドショー>http://www.slidesh...
-[[JavaScriptのMVCフレームワークと仲間たち | Developer's ...
-[[[JavaScript]for 内でイベントリスナとか登録するときにや...
-[[Web描画パフォーマンスの改善 | Cacoo Blog>http://blog.c...
-[[JavaScript でのローカル ファイルの読み込み | HTML5 Roc...
-[[JavaScript イディオム集 | nmi.jp>http://nmi.jp/archive...
-[[Unicode と JIS / EUC / シフトJIS 間の変換 | AOK's Java...
-[[JavaScriptで任意の文字列をテキストファイルとしてダウン...
-[[WEBページをJSで自動操作できるようにできる「SlimerJS」 ...
-[[JavaScriptの初見で読みづらいシンタックス＆パターン9種 ...
-[[社内研修「JavaScript基礎」の資料を公開します！ | mixi ...
-[[Refactor To Functional: a great introduction to functi...
-[[【保存版】スマートフォン制作でよく使うJavaScript まと...
-[[iOS6 Mobile SafariがAjax POSTでキャッシュする問題を回...
-[[localStorage基本操作>http://qiita.com/ichikawa_0829/it...
-[[JavaScriptの「型」の判定について | Qiita>http://qiita....
-[[最強オブジェクト指向言語 JavaScript 再入門！ スライド...
-[[あれ、いつも書いてるな〜というJavaScript の小技集 | バ...
-[[JavaScriptのコーディングTips集 - 主に言語とシステム開...
-[[型変換のいろいろ>http://qiita.com/zawascript/items/a25...
-[[Javascriptのスタイルガイドまとめ(おすすめ4選) | Qiita>...
-[[最強オブジェクト指向言語 JavaScript 再入門！ スライド...
-[[サーバサイドエンジニアでも押えておきたい！コアJavaScri...
-[[即時関数のメリットと主な用途>http://analogic.jp/immedi...
-[[Javascriptで位置情報を取得する方法(Geo Location API)>h...
-[[Google流 JavaScript におけるクラス定義の実現方法>http:...
-[[JavaScript で画像をリサイズする方法 | ボクココ>http://...
-[[知ってる？Web開発者がJavaScriptでゲームを作るときのは...
ページ名:
