javascrpit

可以在外部文件, 到时候 直接调用就行了

js和控制台相关联; console.log().... 显示值 

变量: var 全局变量,  let cosnt局部? let可变, const不能变, 数组和结构体可以变

细节: 不变的值,尽量定义为const

类型: string , numbers 没有浮点整数的区分, boolean  null  undefined

string: 'fsfsf  变量用&{变量名字}fdsfsdf   '  , s.length(); s.split

数组:  numbers: const numbers= new array(1,1,2,2, 用,分开); 大多数直接写 a=[ 类型,类型,,'fsfs',2342,42, 用逗号隔开,false ]

　　　javascrpit是动态语言, a[4]=; a.push(); 开头: a.unshift() a.pop(), delet the last

结构体: const node={变量名字: value } 数组也可以套用, 直接用 {}, 这个{},就是结构体 

　　　　有向json,转化的语法

　　　　用法: let a= new node 

循环: for(let i;i;) 和C语言一样 while 也是一摸一样 or for(let  数组名字 of 数组名字) 

条件判断同理可得, 但是 === 有类型判断, == 没有类型判断

 a= 条件 ? value1: value2 ; 2个结果

函数: function/cosnt/let 变量名字(参数名字,,){} 除了函数的声明,其他和c语言一样. this, 同样如此 

重点就是document: 

　　　　document.query(), 然后对一些值进行修改.   这个东西就是动态的网页, 和用户有交互

时间函数, creat,

 

应用: 

<script src="myScript1.js"></script> 添加外部, 重点即使函数的调用 

document.getElementById("demo").innerHTML 对于内部元素的更改

document.write() 方法仅用于测试 

 window.alert()

注释和C语言一样

this 的妙用

几个交互事件包括

onchange HTML 元素已被改变
onclick 用户点击了 HTML 元素
onmouseover 用户把鼠标移动到 HTML 元素上
onmouseout 用户把鼠标移开 HTML 元素
onkeydown 用户按下键盘按键
onload

注意: 不要对number string ,, 声明对象, 不然就不能比较了.

DOM :

利用js去html对象进行更改

通过getElementById(" ") 来找到对象

innerHTML 属性可用于获取或改变任何 HTML 元素

找到对象: 

document.getElementById(id) 通过元素 id 来查找元素
document.getElementsByTagName(name) 通过标签名来查找元素
document.getElementsByClassName(name) 通过类名来查找元素

更改;

element.innerHTML = new html content 改变元素的 inner HTML
element.attribute = new value 改变 HTML 元素的属性值,  attribute是属性
element.setAttribute(attribute, value) 改变 HTML 元素的属性值
element.style.property = new style 改变 HTML 元素的样式 property 是属性

addEventListener(attribute,函数) 不能传参  

还有一些通用的html对象, 比如 图片, head 啥的

功能:相关的动画: 计数器;

var id = setInterval(frame, 5);

function frame() {
    if (/* 测试是否完成 */) {
        clearInterval(id);
    } else {
         /* 改变元素样式的代码 */
    }
} 

addEventListener() 

html有树结构,儿子节点概念