原文:https://blog.csdn.net/weixin_38722500/article/details/81154111
1.引入js 3种方法
1
2.<body οnlοad="_onload()"> body加载完成后(页面中所有的标签被渲染之后) 运行script中的_onload()方法
3 document.getElementsById("first") .innerHTML=“<h1>我的</h1>"
.innerText=“<h1>我的</h1>"
区别:Text不包含其中的标签 ,,,,,,,HTML包括其中的标签
1 输入的时候,都是替换了 原来的元素
只是 html 能够识别标签 text不能识别标签,会把标签当成文本输出
2 输入的时候, html会把包含的标签输出来
text 仅仅就会把文本内容输出
4 输出 document.write("我的")
警告
请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖:
所以一般documen.write()写在body里面的script中
5 注释和java一样
6数据类型
字符串 数字 布尔 undefine null 对象 数组
var js引擎来判断
变量名字 字母 _ $ 符号开头 不能是数字开头
可以把 var a = 2 的 a 赋值给 .innerHTML=a
1) 数组声明 var a = new Array() -------------->动态初始化
a[0]=2;
var b = new Array()
数组遍历:
for( var i = 0; i<a.length; i++){
document.write( a[i] )
}
静态初始化
var a = new Array("first", "second", "third")
2) 对象声明 (name:value)
var person={
name:"feixiaobo" ,
age:15 ,
对象中的方法的定义
test: function(){
alert( this.name );
}
}
访问 document.write( person.name )
person["name"]
要声明具体的 数据类型
var a = new String Number Boolean Object Array Undefine Null
声明对象类型的数组
var persons = new Array() ------------->动态
persons[0]={name:"feixaobo", age=15};
遍历 persons.length
persons[0].name
7 定义有参数的方法 (参数不要加 var)
- function fei( a , b ){
- if(a>b){
- return a;
- }else{
- return b
- }
- }
8比较运算符
== 值 === 类型 和 值
9 条件运算符
if else
switch
while
break 用在 循环和 switch
continue 用在 循环
10
document.getElementById
getElementsByTagName()
getElementsByClassName()
改变属性内容 getElementsByTagName("p")[0] .href="www.baidu.com"
11. 改变样式
a.style.color ="blue"
12事件
onLoad onclick onblur onchange ondblclick onmouseover onmousemove onmouseout
onunload
13添加删除节点
var a = document.createElement("p")
a.innerHTML=("0JFLKEJF")
var b = document.getElementsByTagName("body")[0]
删除
a.removeChile(b) 父亲 删除 儿子
14 给标签的属性赋值
的两种方式:
_script.setAttribute("src","http")
_script.src=“http"
15全局变量
虽然 在方法内部 ,但是没有定义var 所以是全局变量
16 json格式
一般的对象 { "name":"fei" , "age":32}
集合对象 [ { }, {},]
有集合的对象
17 js声明一个对象