Qingquan-Li / blog

My Blog
https://Qingquan-Li.github.io/blog/
132 stars 16 forks source link

了解JavaScript #39

Open Qingquan-Li opened 7 years ago

Qingquan-Li commented 7 years ago

了解JavaScript:

  1. JavaScript 简介
  2. JavaScript 的组成
  3. JavaScript 的基本结构
  4. JavaScript 的引入方式
  5. JavaScript 的程序调试


参考教程:

  1. ECMAScript:http://www.w3school.com.cn/js/pro_js_syntax.asp
  2. JavaScript:W3schools.comW3school.com.cn
  3. JavaScript 标准参考教程(alpha):http://javascript.ruanyifeng.com/


一、JavaScript 简介

JavaScript是一种描述语言,基于对象和事件驱动的脚本语言。


二、JavaScript 的组成

ECMAScript

DOM (Document Object Model 文档对象模型)

实例:

<html>
    <head>
        <title>Sample Page</title> 
    </head>
    <body>
        <p>Hello World!</p>
    </body>
</html>

DOM 操作

实例:HTML元素的CSS样式:

document.getElementById(id).style.property = new style


BOM (Browser Object Model 浏览器对象模型)


三、JavaScript 基本结构

语法:

<script type="text/javascript">
    // JavaScript 代码 
</script> 

注意:

  1. // 是 JavaScript 的注释符号( /**/ 也是注释符号),它会阻止 JavaScript 编译器对这一行的编译
  2. type 属性不推荐写成 language= "javascript" ,不符合 XHMLT 1.0 。


四、引用 JavaScript 的3种方式

类似于 CSS 的外部样式表、内部样式表、内联样式表。


五、JavaScript 程序调试

try {  
    //在此运行代码 
} catch(err) {
    //在此处理错误 
    // err.message  message包含错误信息
}