JavaScript学习笔记—变量、元素

## js的使用

1.行内     onclick  点击事件   alert弹出警示框  【不推荐】

2.内嵌式   script标签  放置两个位置： 1. head标签中  2.body标签结束前

3.外链式   将js作为外链引入,script标签，利用src属性将地址写入,一旦该标签内含有src属性，该标签内将不能再写入脚本，失效的

## 注释

1.单行注释  //

2.多行注释  /*注释内容*/

## 事件三部曲

三部曲： 1.找到他 document.getElementById("title") 

        2.做什么（添加事件）  

        3.怎么做,事件函数 function(){}

        

        .的

        window.onload = function(){}  作用：结构先加载语句

        常用事件：

            onclick点击  

            onmouseover鼠标划过 

            onmouseenter鼠标划入 

            onmouseout鼠标划出 

            onmouseleave鼠标划出

            onmousedown鼠标按下 

            onmouseup鼠标抬起 

            ondblclick鼠标双击事件 

            oncontextmenu鼠标右键事件

## 调试命令

1.  alert 弹出框（带有确认按钮）

2.  console.log 控制台打印  [推荐]

## 变量 视为容器

var声明 a

变量命名规则：

1.避免关键字保留字

2.只能 字母或下划线或$ 开头

3.避免重名,若重名，则覆盖

4.见名知意，支持驼峰写法

## 以下就是ECMAScript的全部关键字（带*号上标的是第5 版新增的关键字）：

break do  instanceof  typeof  

case  else  new var 

catch finally return  void  

continue  for switch  while 

debugger* function  this  with  

default if  throw delete  

in  try     

表1-1 关键字

ECMA-262 还描述了另外一组不能用作标识符的保留字。尽管保留字在这门语言中还没有任何特定的用途。但它们有可能在将来被用作关键字。以下是ECMA-262 第3 版定义的全部保留字：

表1-2 保留字

abstract  enum  int short

boolean export  interface static

byte  extends long  super

char  final native  synchronized

class float package throws

const goto  private transient

debugger  implements  protected volatile

double  import  public   

第5 版把在非严格模式下运行时的保留字缩减为下列这些：

表1-3 非严格模式

class enum  extends super

const export  import   

在严格模式下，第5 版还对以下保留字施加了限制：

表1-4 严格模式

implements  package public  interface

private static  let protected

yield      

## 元素内容  既能获取 也能设置

inner系列  闭合普通标签

1.innerText 只能识别文本，不能识别标签

2.innerHTML 既能够识别内容也能够识别标签

value值  表单使用[包括textarea]

## 元素的固有属性 既能获取也能设置

元素.id

元素.className

元素.title

## 元素的样式

元素.style.样式名 = '样式值';

元素.style.cssText = '样式集合';