HTMLテンプレート

選択

項目

部品

html

HTML

<!DOCTYPE html>
<html>

<!-- ヘッド -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>タイトル</title>
</head>

<!-- ボディ -->
<body>
</body>
</html>

CSS

<link rel=stylesheet type="text/css" href="./css/XXX.css">

<style type="text/css">
</style>

JavaScript

<script type="text/javascript" src="./script/XXX.js" ></script>

<script type="text/javascript" >
</script>

リダイレクト

Redirect

<meta http-equiv="refresh" content="1; http://・・・">

React

<script type="text/javascript" src="https://fb.me/react-15.3.0.js"></script>
<script type="text/javascript" src="https://fb.me/react-dom-15.3.0.js"></script>

空白

DIV

XXX

SPAN

XXX

TABLE

項目1	項目2
data1	data2

IFrame

ボタン

テキスト

テキストエリア

セレクト

[optionの動的生成]

let sel = document.getElementById("セレクトID")
sel.options.length = 必要数;
sel.options[idx].value = バリュー値;
sel.options[idx].text = テキスト値;

[optionのクリア]

let sel = document.getElementById("セレクトID")
sel.options.length = 0;

[optionの削除]

let sel = document.getElementById("セレクトID")
sel.options[idx] = null;

チェックボックス

オプション

ラジオボタン

オプション

非表示項目

ファイルパス

●JavaScript

選択

項目

コード

Java Script

遷移

location.href = "[ 遷移先URI ]";

遷移
（履歴）

history.back();

Form
Submit

document.フォーム名.submit();

項目選択
（タグ名）

array = document.getElementsByTagName("XXX");

項目選択
（クラス名）

array = document.getElementsByClassName("XXX");

項目選択
（名前）

array = document.getElementsByName("XXX");

項目選択
（ＩＤ）

element = document.getElementById("XXX");

IFrameの
コンテンツ
(ローカルFileの場合)

サクラエディタ起動
（IEのみ）

var cmd = "\"\\Program Files (x86)\\sakura\\sakura.exe\" \" ファイルパス \""; var sh = new ActiveXObject("WScript.Shell"); sh.run(cmd);

Page Top JavaScript