javaScript教程

JavaScript 简介

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

JavaScript 是脚本语言

JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入HTML页面的编程代码。
JavaScript 插入HTML页面后，可由所有的现代浏览器执行。
JavaScript 很容易学习。

JavaScript ：直接写入HTML输出流

实例：
document.write("<h1>这是一个标题</h1>"); document.write("<p>这是一个段落。</p>");

JavaScript ：对事件的反应

实例：

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

JavaScript ：改变HTML内容

实例：

x = document.getElementById("demo"); //查找元素
x.innerHTML = "Hello JavaScript"; //改变内容

document.getElementById(“some id”)。这个方法是 HTML DOM 中定义的。

DOM (Document Object Model)（文档对象模型）是用于访问 HTML 元素的正式 W3C 标准。

JavaScript：改变 HTML 图像

实例：
动态地改变 HTML 的来源（src）：
点亮灯泡

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

以上实例中代码 element.src.match(“bulbon”) 的作用意思是：检索 里面 src 属性的值有没有包含 bulbon 这个字符串，如果存在字符串 bulbon，图片 src 更新为 bulboff.gif，若匹配不到 bulbon 字符串，src 则更新为 bulbon.gif
JavaScript 能够改变任意 HTML 元素的大多数属性，而不仅仅是图片。

JavaScript：改变 HTML 样式

改变 HTML 元素的样式，属于改变 HTML 属性的变种。
实例：

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

JavaScript：验证输入

JavaScript常用语验证用户的输入。
实例：

if (isNaN(x)) {
  alert("不是数字");
}

如果要在生产环境中使用，需要严格判断，如果输入的空格，或者连续空格 isNaN 是判别不出来的。可以添加正则来判断
实例 ：

if(isNaN(x)||x.replace(/(^\s*)|(\s*$)/g,"")==""){
  alert("不是数字");
}