＜スクリプト例＞ <script type="text/javascript"> <!-- Begin function Swap1over() { document.image1.src="画像１" } function Swap1out() { document.image1.src="画像２" } // End --> </script> ＜画像入れ替えのIMGタグ＞ <div align="center"> <img src="画像２" name="image1" border="0" onMouseOver="Swap1over()" onMouseOut="Swap1out()"> </div>
]]>protocol: "http:" ・host: "www.example.com:2096" ・hostname: "www.example.com" ・port: "2096" ・pathname: "/aaa/index.cgi" ・search: "?key=pc" ・hash: "#home"]]>
");document.writeln("document.write −文字列を書き込む。");
document.writeln("document.writeln−最後に改行する。");
document.writeln("document.URL―文書のアドレス(URL)：",document.URL);
document.writeln("document.domain―文書のドメイン名：",document.domain);
document.writeln("");]]>
document.write(" ： " + document.lastModified);
◆リンク元URL document.referrer
◆色・背景色
・document.bgColor
・document.fgColor
・document.linkColor
・document.alinkColor
・document.vlinkColor
色の値を指定して、背景色を変更する。]]>
]]>
<?php
srand((double)microtime()*1000000);
$quote = file("quote.txt");
$today = array_rand($quote, 2);
$msg = $quote[$today[0]];
echo $msg;
?>
Sample: ]]>
ajax = false;
// IE以外
if(window.XMLHttpRequest) {
ajax = new XMLHttpRequest();
// IE用
} else if(window.ActiveXObject) {
try {
ajax = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
ajax = new ActiveXObject("Microsoft.XMLHTTP");
}
}
function getData(serverURL, objID) {
ajax.open("GET", serverURL);
ajax.onreadystatechange = function() {
if (ajax.readyState == 4 && ajax.status == 200) {
var obj = document.getElementById(objID);
obj.innerHTML = ajax.responseText;
}
}
ajax.send(null);
}
<html>
<head><title>最も簡単なAjaxサンプル</title></head>
<body>
<form>
<input type=button value="取得＆書き換え" onClick="getData('http://www.example.jp/server.php', 'maintext'); return false;">
</form>
<div id="maintext"><p>ボタンを押すとこのテキストが書き換わります。</p></div>
</body>
</html>
<?php
echo '<p>ボタンがクリックされました。</p>';
?>
ボタンを押すとこのテキストが書き換わります。
ようこそ、だるまの世界へ
Welcome to The Web Dharma
