javascript学习（1）

1.

<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
</script>

您只能在 HTML 输出流中使用 <strong>document.write</strong>。
如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。

<p></p>  自动在文档前后创建空白

2.对事件的反应

<button type="button" οnclick="alert('Welcome!')">点击这里</button>

  alert表示弹出显示框

 onclick表示弹出动作事件

3.改变html里面的内容

<p id="demo">
JavaScript 能改变 HTML 元素的内容。
</p>


<script>
function myFunction()
{
x=document.getElementById("demo");  // 找到元素
x.innerHTML="Hello JavaScript!";    // 改变内容
}
</script>


<button type="button" οnclick="myFunction()">点击这里</button>

 innerHTML能改变html里面的内容，通过找到 id

4.改变图像颜色

<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" οnclick="changeImage()" src="/i/eg_bulboff.gif">


<p>点击灯泡来点亮或熄灭这盏灯</p>