一、 语法
.innerHTML =? :写入到页面；
document.getElementById（“元素的id”） :找到指定id的元素；
document.getElementById. src=”图片地址”；
document.getElementById("demo").style.display="none/block";隐藏/显示HTML元素；function functionName() { }：function 函数名（里面写方法）；-
javaScript 能够以不同方式“显示”数据：
- 使用 window.alert() 写入警告框
- 使用 document.write() 写入 HTML 输出
- 使用 innerHTML 写入 HTML 元素
- 使用 console.log() 写入浏览器控制台
声明变量用 var （变量类型都可以用var ）
函数
function name(参数 1, 参数 2, 参数 3) { 要执行的代码 }
<body>
<p id="demo"></p>
<script>
//声明
var x=myFunction(6,7);
//调用
document.getElementById("demo").innerHTML=x;
//函数
function myFunction(a,b){
return a*b
}
</script>
</body>
9.示例
<body>
<p id="demo"></p>
<script>
//传入值并显示在P标签里
document.getElementById("demo").innerHTML="86华氏度变为摄氏温度是："+toCelsius(86)+"摄氏度"
//定义一个华氏度转为摄氏温度的函数方法
function toCelsius(fahrenheit){
return(5/9) *(fahrenheit-32)
}
</script>
</body>
- js对象
示例：
<body>
<p id="demo"></p>
<script>
//创建对象，用=
var person={
//属性名 ： 属性值；
fristName:"张三",
lastName:"李四",
age:18,
eyeColor:"bule"
};
//显示对象中的属性
document.getElementById("demo").innerHTML=
person.fristName+"已经"+person.age+"岁了。"
</script>
</body>
11.this示例
var person = {
firstName: "Bill",
lastName : "Gates",
id : 678,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
注意：
在函数定义中，this 引用该函数的“拥有者”。
在上面的例子中，this 指的是“拥有” fullName 函数的 person 对象。
换言之，this.firstName 的意思是 this 对象的 firstName 属性。
11.访问对象方法
对象名.方法名（）
示例：
<body>
<p id="demo"></p>
<script>
var person={
fristName:"张三",
lastName:"李四",
age:18,
fullName:function(){
return this.fristName+"和"+this.lastName;
}
};
//显示对象中的数据(如果person.fullName不加“()”返回定义的函数)
document.getElementById("demo").innerHTML=person.fullName();
</script>
</body>
