1.3javascript课件1

• 页面由三部分组成
  • html 超文本标记语言；负责页面结构
  • css 层叠样式表；负责页面样式
  • JS 轻量级的脚本语言； 负责动效和数据交互；
• CSS引入页面的方式
  • 行内
  • 内嵌,在head里面
  • 外链，在head里面
• JS引入页面的方式
  • 行内
  • 内嵌，一般建议在body底部;
    如果想在head中引入JS外链；一定要加window.onload=function(){};
  • 外链
• 函数的作用：做事情的，能做哪些事情；
• 属性和方法的区别：属性没括号，方法有括号；
• 字符串和变量的区别：字符串有引号，变量没引号;
  • 字符串一般用单引号；为了元素身跟上的属性值区分开来；属性值一般是"";
  • 变量，就是别名；var str； 告诉浏览器，定义了str这么一个变量；
  • 如果没有定义变量，xxx is not defined;
• JS常见的输出方式7种
  • alert('') ;
  • confirm('确定要删除？'); 他有两个返回值：true 真； false假；
  • console.log(''); 可以在控制台打印出我们想要打印的内容；
  • console.dir(); 打印出对象身上的属性和方法；
  • document.write();
    如果遇到window.onload会清空页面；
  • 元素.innerHTML=xxxx;
  • console.table();可以把数组和对象，以表格的形式打印出来；

  var ary2=[
      {
          name:'杜拉拉',
          age:18,
          sex:'gril'
      },
      {
          name:'王伟',
          age:38,
          sex:'boy'
      }
  ];
  console.table(ary2);
  
  

  
• chrome控制台
  • Elements:用来调试html+css的
  • console:用来调试JS的
  • sources:可以拿到该网站相关的资源：images ,html ,css, js