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引入方式

  • 行内引入
<!--onmouseover="this.style.background='yellow'; this.style.color='red'" -->
    <!-- onmouseout="this.style.background='red'; this.style.color='#fff'"-->

  • 内嵌式 script
    一般写在footer位置
    ...
    <script>
    var oLeft=document.getElementById('left');
    // 在document文档下,得到元素通过ID left
    oLeft.onmouseover=function () {//函数function就是用来做事情的
    oLeft.style.background='yellow';
    oLeft.style.color='red';
    }
    //在移出的时候,让"left"这个元素,背景变成红色,文字变成白色
    oLeft.onmouseout=function () {
    oLeft.style.background="red";
    oLeft.style.color="#fff";
    }
    </script>
    ...
  • 外链式
    类似于在HTML文件中引入css样式表
    <script src="##.js"></script>

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
  • 用%的思想:有几种情况就%几

习惯

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

推荐阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 6,726评论 2 17
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 12,166评论 1 91
  • 适合8M➕baby 食材准备:豆腐、蛋黄、(猪肉末、胡萝卜可有可无) 小锅冷水下锅,煮水煮蛋,烧开后5分钟,闷3分...
    早早嘛嘛嘛嘛阅读 95评论 0 0
  • 1 100天行动,是战隼老师发起的活动,利用100天时间养成一个好习惯。 其实我关注战隼老师的100天行动已经很久...
    小美的鹅会下蛋阅读 154评论 0 1