JavaScript

JavaScript:写入 HTML 输出

  document.write("Hello World");

JavaScript:对事件作出反应实例

 <button type="button" onclick="alert('Hello World!')">这是什么！</button>

alert() 函数在 JavaScript 中并不常用，但它对于代码测试非常方便。

JavaScript:改变 HTML 内容

使用 JavaScript 来处理 HTML 内容是非常强大的功能。

<button type="button" onclick="my()">点击我</button>

<p id="my">
你是谁？
</p>
<script>
function my()
{
x=document.getElementById("my");
x.innerHTML="你是猪啊！";
}
</script>

JavaScript：改变 HTML 图像

  

<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
{
element.src="/i/eg_bulboff.gif";
}
else
{
element.src="/i/eg_bulbon.gif";
}
}
</script>

<img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif">

JavaScript：改变 HTML 样式

<p id="pp">你是谁！</p>
<script>
function my()
{
element=document.getElementById('pp');
pp.style.color="yellow";
}
</script>
<button type="button" onclick="my()">点击我</button>