js第一天笔记

页面的组成三部分

• HTML超文本标记语言
• css层叠样式
• js 脚本语言

JS的组成三部分

• ECMAScript，JS语法，包括变量，条件判断，循环，数据类型等，具有良好的兼容性
  -DOM文档对象模型，程序员可以解决其兼容性问题
  -BOM浏览器对象模型，程序员无法解决兼容问题

快捷键的使用

• webstrom中快速打出代码
  • ul>li*6>a{列表$} 按下tab键显示：

• 强制换行 Mac：command+center；Windows：ctrl+center
• 代码收缩展开
  • 收缩 Mac：command+减号；Windows：Ctrl+减号
  • 展开 Mac：command+加号；Windows：Ctrl+加号

css引入方式

• 行内样式 style=“”
• 内嵌样式 style
• 外链样式 link=href

JS引入方式

• 行内引入

• 内嵌式 script
  一般写在footer位置
  ...
  
  ...
• 外链式
  类似于在HTML文件中引入css样式表
  

JS 编程思路的形成

• 找到谁获取元素
• 给谁加什么事件
• 做什么事情

对象具有两个特征

• 属性 ：没括号

• 方法：没括号

this的小总结

• 当函数被调用的时候，“.”前面是就是this
• 当函数被调用的时候，前面没点的话this就是window
• 点元素身上的事件被触发的时候，会触发一个函数，函数中的this指向当前被触发事件的这个元素；

输出方式

• alert() 弹出框
• console.log() 打印出来，在控制台输出
• console.dir() 打印出对象身上的属性和方法
• confirm()会有返回值：true false
• document.write()在页面输出
• innerHTML 可以输出元素所包裹的内容；innertext 输出文本；
• console.table（）把对象以表格的形式输出

命名方式

• 除了第一个单词外，从第二个单词开始，每个单词的首字母大写；
• 常用的命名前缀
  • a 数组（arry,arr,ary,aDiv）获取到一组元素对象
  • o 对象（ obj）普通对象 （oDiv）获取到一个元素对象
  • s 字符串 string
  • n 数字 number
  • b 布尔值 Boolean：true false

数据类型

• 基本数据类型 ： 对值的引用

  • 字符串 string，
  • 数字 number，
  • 布尔值Boolean，
  • 空对象null，
  • undefined

• 引用数据类型 ： 实际是对地址的引用

• 对象数据类型：

  • 数组 arry,

• 对象 object，
• 数据 date(),
• RegExp /^\d{2}/

• 函数数据类型：

  • function(){}

循环

c语言中的循环语句

• for循环四部曲

  • 定义

  • 条件

  • 语句

  • 自增

• 判断语句

• if...else...if...else
• switch...case...break

隔行换色

• 条件判断：if...else...if...else
  switch...case...break
• 用%的思想：有几种情况就%几

习惯

• 不会写代码就写汉语，编程思想
• 不懂就百度
• 良好的写代码习惯让代码更简明