知识点复习
1.JavaScript 的初步使用
2.JavaScript HTML DOM标签的使用
代码的实现
1.从事件处理器中调用一个函数
<html>
<head>
<meta charset="utf-8">
</head>
<head>
<script>
function changetext(id){
id.innerHTML="Ooops!";
}
</script>
</head>
<body>
<h1 onclick="changetext(this)">点击文本!</h1>
</body>
</html>
2.js文件夹中myScript的代码
function myFunction(){
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
3.仅在index文件中使用的代码
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>创建和使用对象方法。</p>
<p>对象方法作为一个函数定义存储在对象属性中。</p>
<p id="demo"></p>
<button type="button" onclick="myFunction()">点击这里</button>
<script>
var person = {
firstName: "Marry",
lastName : "E",
id : 5566,
fullName : function()
{
return this.firstName + " " + this.lastName;
}
};
document.getElementById("demo").innerHTML = person.fullName();
function myFunction(){
document.getElementById("demo").innerHTML="学号:xxx";
}
</script>
</body>
</html>
4.改变html属性
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function mypicture(){
document.getElementById("image").src="landscape.jpg";
}
</script>
</head>
<body>
<img id="image" src="smiley.gif" width="160" height="120">
<button type="button" onclick="mypicture()">点击这里更换图片</button>
<script>
</script>
</body>
</html>