<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
document.write("<h1>This is a heading!</h1>");//js的输出
function myFunction()//更改HTML类容
{
x=document.getElementById('demo');
x.innerHTML="hello";
}
function changeImage()//点击时更改图片
{
element=document.getElementById('myimage');
if(element.src.match("index"))
{
element.src="img/1.jpg";
}
else{
element.src="img/index.jpg";
}
}
function MYFUNCTION()//更改HTML属性
{
x=document.getElementById("demo");
x.style.color="#ff0000";
}
function myFunction1()//判断输入
{
var x=document.getElementById("demo1").value;
if(x==""||isNaN(x))
{
alert("Not Number");
}
}
</script>
</head>
<body>
<button type="button" οnclick="MYFUNCTION()">点击这里 </button>//定义按钮
<p id="demo">JS能改变HTML元素的内容</p>
<img id="myimage" οnclick="changeImage()" src="img/1.jpg">
<input id="demo1" type="text">
<button type="button" οnclick="myFunction1()">点击这里1</button>
</body>
</html>