JavaScript学习心得

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

function myFunction()
{
      var x=document.getElementById("demo").value;
      if(x==""||isNaN(x))
      {
              alert("不是数字");
      }
}

JavaScript 可以通过不同的方式来输出数据：

使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。

JavaScript 数据类型

var length = 16;                                  // Number 通过数字字面量赋值
var points = x * 10;                              // Number 通过表达式字面量赋值
var lastName = "Johnson";                         // String 通过字符串字面量赋值
var cars = ["Saab", "Volvo", "BMW"];              // Array  通过数组字面量赋值
var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值

var x;               // x 为 undefined
var x = 5;           // 现在 x 为数字
var x = "John";      // 现在 x 为字符串

字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空（Null）、未定义（Undefined）。

JavaScript 语句标识符

break                    用于跳出循环。
catch                    语句块，在 try 语句块执行出错时执行 catch 语句块。
continue                 跳过循环中的一个迭代。
do ... while             执行一个语句块，在条件语句为 true 时继续执行该语句块。
for                      在条件语句为 true 时，可以将代码块执行指定的次数。
for ... in               用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。
function                 定义一个函数
if ... else              用于基于不同的条件来执行不同的动作。
return                   退出函数
switch                   用于基于不同的条件来执行不同的动作。
throw                    抛出（生成）错误 。
try                      实现错误处理，与 catch 一同使用。
var                      声明一个变量。
while                    当条件语句为 true 时，执行语句块。

计算两个数字的乘积，并返回结果：

function myFunction(a,b){
      return a*b;
}
document.getElementById("demo").innerHTML=myFunction(5,3);

常见的HTML事件

onchange                   HTML 元素改变
onclick                    用户点击 HTML 元素
onmouseover                用户在一个HTML元素上移动鼠标
onmouseout                 用户从一个HTML元素上移开鼠标
onkeydown                  用户按下键盘按键
onload                     浏览器已完成页面的加载