JavaScript的基本简介

 

 

简介

JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

 

JavaScript 是脚本语言 

JavaScript 是一种轻量级的编程语言。

JavaScript 是可插入 HTML 页面的编程代码。

JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

1.直接写入 HTML 输出流

 代码如下（可实现HTML代码相同效果，document.write只可以用在HTML 输出中）：

document.write("<h1>这是一个标题</h1>");

document.write("<p>这是一个段落。</p>");

 

 2.对事件的反应

 代码例如：

<button type="button" onclick="alert('欢迎!')">点我!</button>

 

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

 

onclick 事件只是您即将在本教程中学到的众多事件之一。

 

3.改变 HTML 内容

 代码实例：

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

点击button时，Id为"demo"文字会变成Hello JavaScript。 

 

 

4.改变 HTML 图像

 实例代码：

<script>
function changeImage()
{
 element=document.getElementById('myimage')
 
 if (element.src.match("bulbon"))
  {
    element.src="/images/pic_bulboff.gif";
   }
 else
   {
    element.src="/images/pic_bulbon.gif";
   }
}
</script>
<img id="myimage" onclick="changeImage()"
src="/images/pic_bulboff.gif" width="100" height="180">

 

点击图片就会切换成另一张图片。 

 

动态地改变 HTML <image> 的来源（src）：

 

 5.改变 HTML 样式 

实例代码：

function myFunction()
{
 x=document.getElementById("demo") // 找到元素
 x.style.color="#ff0000";          // 改变样式
}

 查到Id=demo的元素，并将颜色改为红色。

 

6.验证输入

示例代码：

function myFunction()
{
 var x=document.getElementById("demo").value;
 if(x==""||isNaN(x))        //isNaN() 函数用于检查其参数是否是非数字值。
 {
  alert("不是数字");
 }
}

 

如果输入的不是数字，则会有提示框弹出。

 

 

 

---