JavaScript ： 一

初接触JavaScript，他和HTML有很大的联系，在这推荐一个网站：http://www.w3school.com.cn/，里面介绍的与web有关的学习知识，很详细，本人就是跟着这个网站进行学习的。
1、HTML输出：document.write
只能在HTML输出中使用，文档加载后使用，则会覆盖整个文档。

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

2、对事件做出反应：onClick
点击按钮，会出一个提示框，里面是Welcome。

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

3、改变内容
x=document.getElementById(“id”) //查找元素
x.innerHTML=”修改内容”; //改变内容

<p id="demo">
ABC
</p>
//定义一个段落内容为ABC
<script>
function myFunction()
{
x=document.getElementById("demo");  // 找到名为demo的段落元素
x.innerHTML="Hello JavaScript!";     // 改变demo中的内容
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
//点击查看

4、改变图像
这是个灯泡开关实验，通过if else循环来调控亮暗

<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">

5、验证输入

<input id="demo" type="text">
<script>
function myFunction()
{
var x=document.getElementById("demo").value;   //var用来显示声明变量的标识，value是输入框的值
if(x==""||isNaN(x))   //NaN为not a number
    {
    alert("Not Numeric");  //用于显示带有一条指定消息和一个OK按钮的警告框
    }
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>

6、< body >中的JS
会在页面中显示JS里面的内容
< head >中的JS会被调用，但不会被显示
外部JS文件扩展名为.js < script src=”myScript.js”>< /script> 外部文件通常包含被多个网页使用的代码。