<script src="//ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script>
$(function(){
	$("#btn")
		.on("click", function(){
			alert("ボタンがクリックされました");
		});
});
</script>

<input
	type="button"
	id="btn"
	value="実行">

<script type="text/javascript">

function scriptTest(evt) {

	// TABLE 要素のコレクション
	var obj = document.getElementsByTagName("TABLE");
	var objcol = null;

	// TABLE 一覧
	for( var i = 0; i < obj.length; i++ ) {

		// テーブル外側の枠線
		obj[i].style.borderStyle = 'solid';
		obj[i].style.borderColor = '#411DB8';
		obj[i].style.borderWidth = '1px';

		// テーブル内の TD の一覧
		objcol = obj[i].getElementsByTagName("TD");
		for( var j = 0; j < objcol.length; j++ ) {
			// テーブル内の TD の枠線
			objcol[j].style.borderStyle = 'solid';
			objcol[j].style.borderColor = '#ffa500';
			objcol[j].style.borderWidth = '1px';
		}

		// テーブル内の TH の一覧
		objcol = obj[i].getElementsByTagName("TH");
		for( var j = 0; j < objcol.length; j++ ) {
			// テーブル内の TH の枠線
			objcol[j].style.borderStyle = 'solid';
			objcol[j].style.borderColor = '#1C8A23';
			objcol[j].style.borderWidth = '1px';
		}
	}

}
</script>
<input type="button" value="実行" onclick='scriptTest(event);'>

<input
	type="button"
	value="ページの最後"
	onclick='scroll(
		0,
		Math.max(document.getElementsByTagName("HTML")[0].scrollHeight,document.documentElement.scrollHeight,document.body.scrollHeight)
		);
	'
>

<?php
$path = '/usr/lib/pear';
set_include_path(get_include_path() . PATH_SEPARATOR . $path);
?>

<?php

foreach( $_SERVER as $member ) {

	print $member
	print "OK";

}

?>

<?php
// 条件つきの関数

if ( $_GET['send'] == '' ) {
	function plus( $a, $b ) {
	
		return $a + $b;
	
	}
}

print plus(10,5);

?>
<form
	name="frm"
	action="<?= $_SERVER['SCRIPT_NAME'] ?>"
	target="_self"
	method="get"
	onsubmit='return (function(){return true;})();'
>
<input type="submit" name="send" value="送信">
</form>

<?php
// ********************
// 計算関数のロード
// ********************
function load_compute( ) {

	function plus( $a, $b ) {
		return $a + $b;
	}

	function minus( $a, $b ) {
		return $a - $b;
	}

}

// ここで実行すると未定義エラー
if ( !function_exists( "plus" ) ) {
	print "未定義です<br>";
}

load_compute();
print plus(10,5) . "<br>";

// ここで実行すると定義あり
if ( function_exists( "plus" ) ) {
	print "定義されています<br>";
}


?>

<?php
// ************************
// 定義で参照渡し
// ************************
function plus( &$a, $b ) {

	$a += $b;
}

$x = 10;
plus($x,5);

print $x;
print "<hr>";

// ************************
// global キーワード
// ************************
function plus3() {

	global $z;

	$z[0] += $z[1];
}

$z = array(10,5);
plus3();

print_r( $z );
print "<hr>";

// ************************
// $GLOBALS(スーパーグローバル)
// ************************
function plus4() {

	global $z;

	$GLOBALS['z'][0] += $GLOBALS['z'][1];
}

$z = array(10,5);
plus4();

print_r( $z );
print "<hr>";


?>

// ************************************************
// if ( オプションとして else )
// ************************************************
if ( 条件 ) {
	条件が true である場合の処理記述
}

// ************************************************
// for ( 指定回数繰り返し )
// ************************************************
for (initialization; 条件; increment) {
	条件 が true である間繰り返される処理記述
}

// ************************************************
// while ( 条件繰り返し )
// ************************************************
while (条件) {
	条件 が true である間繰り返される処理記述
}

// ************************************************
// function ( 関数定義 )
// ************************************************
function 名前( 仮引数 ) {
	名前で呼ばれた時に実行される処理記述
}

// ************************************************
// try ( エラー処理 )
// ************************************************
try {
	監視対象の処理記述
}
catch( エラーの値 ) {
	監視対象の処理記述がエラー時に実行する処理記述
}

<?php
// [a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]* 

function ｼﾌﾄｼﾞｽﾉｶﾀｶﾅ( $a, $b ) {

	return $a + $b;

}

print ｼﾌﾄｼﾞｽﾉｶﾀｶﾅ(10,5);

?>

<?
// 関数名は大文字小文字を区別しない

function PLUS( $a, $b ) {

	return $a + $b;

}

print plus(10,5);

?>

<?php
// 引数の後から処理

function plus() {

	$args = func_get_args();

	$args[0] += $args[1];

	print $args[0];

}

$a = 10;

plus($a, 5);

?>
<!-- JavaScript -->
<script type="text/javascript">
function plus() {

	arguments[0] += arguments[1];

	alert(arguments[0]);

}

var a = 10;
plus(a, 5);

</script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta content="text/html; charset=shift_jis" http-equiv="Content-Type">
<title>モーダルダイアログの呼び出し</title>
<style type=text/css>
* {
	font-size: 12px;
}

textarea {
	width:600px;
	height:200px;
}
</style>
<script type=text/javascript>
// *********************************************************
// 参照用ダイアログを開く
// 
// path へ引き渡す値として、
// 1) win	: このウインドウオブジェクト
// 2) target	: 値を戻してほしい id の文字列
// 3) val	: その id にセットされている現在の値
// *********************************************************
function openModalDialog(path,id) {

	var win_param = "";

	win_param += "dialogHeight:450px;";
	win_param += "dialogWidth:720px;";
	win_param += "dialogLeft:200px;";
	win_param += "dialogTop:200px;";

	window.showModalDialog(
		path,
		{ win: window,target: id, val: document.getElementById(id).value },
		win_param
	);
}

</script>
</head>
<body>
<input type="button" value="参照" onclick='openModalDialog("modalDialog.htm", "text")'>
<br>
<textarea id="text">
function dialog_opener_access() {
	try {
		// 処理
		var win = window.dialogArguments.win;
		var target = window.dialogArguments.target;

		win.document.getElementById(target).value =
			document.getElementById("text").value
		window.close();
	}
	catch(e) {
		alert("このページはモーダルダイアログ用です。");
	}
}
</textarea>

<br><br><br>
※ Opera は showModalDialog が使えません
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta content="text/html; charset=shift_jis" http-equiv="Content-Type">
<title>モーダルダイアログ</title>
<style type=text/css>
* {
	font-size: 12px;
}

textarea {
	width:700px;
	height:400px;
}
</style>
<script	type="text/javascript" src="http://lightbox.on.coocan.jp/tabtextarea.js"></script>
<script type=text/javascript>
function dialog_opener_access() {
	try {
		// 処理
		var win = window.dialogArguments.win;
		var target = window.dialogArguments.target;

		win.document.getElementById(target).value = document.getElementById("text").value
		window.close();
	}
	catch(e) {
		alert("このページはモーダルダイアログ用です。");
	}
}
</script>
</head>
<body>
<input type="button" value="OK" onclick='dialog_opener_access()'>
<br>
<script type="text/javascript">
createTabTextArea("text",100,12,"toolbox","width:700px;font-size:13px;","title=\"タブキーが有効です\"");
</script>

<script type=text/javascript>
(function () {
	try {
		var win = window.dialogArguments.win;
		var target = window.dialogArguments.target;

		document.getElementById("text").value = window.dialogArguments.val;
	}
	catch(e) {
		alert("このページはモーダルダイアログ用です。");
	}
})();
</script>

</body>
</html>

<!-- JavaScript -->
<script type="text/javascript" src="http://www.google.com/jsapi" charset="utf-8"></script>
<script type="text/javascript">
google.load("prototype", "1.6.1.0");
</script>

<textarea id="result" cols="80" rows=10></textarea>

<script type="text/javascript">
function syain(a,b,c) {

	this.code = a;
	this.name = b;
	this.age = c;
}

var p = Array();

p[0] = new syain("0001","田中", 20 );
p[1] = new syain("0002","鈴木", 21 );
p[2] = new syain("0003","山田", 22 );
p[3] = new syain("0004","中村", 23 );

(function() {
	var work = "";

	for( i = 0; i < p.length; i++ ) {
		work += ( p[i].code + "\t" + p[i].name + "\t" + p[i].age + "\n" );
	}

	$("result").value = work;
})();

try {
	alert(work);
}
catch(e){
	alert(e.message);
}

</script>

<script type="text/javascript" src="http://www.google.com/jsapi" charset="utf-8"></script>
<script type="text/javascript">
google.load("prototype", "1.6.1.0");
</script>

<script type="text/javascript">
function syain(a,b,c) {

	this.code = a;
	this.name = b;
	this.age = c;
}

var p = Array();

p[0] = new syain("0001","田中", 20 );
p[1] = new syain("0002","鈴木", 21 );
p[2] = new syain("0003","山田", 22 );
p[3] = new syain("0004","中村", 23 );


function test() {

	var work = "";

	for( i = 0; i < p.length; i++ ) {
		work += ( p[i].code + "\t" + p[i].name + "\t" + p[i].age + "\n" );
	}

	$("result").value = work;
}

</script>
<!-- JavaScript 起動用ボタン -->
<pre>
<input type="button" id="btn" value="実行" onclick='test();'>
<textarea id="result" cols="80" rows=10></textarea>
</pre>