<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>菜鸟教程</title>
</head>
<body>
<h1>我的第一个页面</h1>
<p>
欢迎来到我的世界!
</p>
<script>
a=5;
b=6;
c=a+b;
console.log(c);
</script>
<hr />
<p id="demo"></p>
<script>
var x,y,z;
x=5;
y=6;
z=(x*y)*10;
document.getElementById("demo").innerHTML=z;
</script>
<hr />
<p id="ji">我是一朵美丽的小花</p>
<p id="cj">我是一颗坚强的小树</p>
<p>
<button type="button" "myfunction()">点我</button>
</p>
<script>
function myfunction()
{
document.getElementById("ji").innerHTML="你好世界!"
document.getElementById("cj").innerHTML="祝你旅途愉快!"
}
</script>
<p>当你点击上面的按钮时,两个元素会改变。</p>
<hr />
<p>点击这里来创建变量,并显示结果。</p>
<button "myFunction1()">点击这里</button>
<p id="deco"></p>
<script>
function myFunction1(){
var carname="Volvo";
document.getElementById("deco").innerHTML=carname;
}
</script>
<hr />
<p>假设 y=5,计算 x=y+2,并显示结果。</p>
<button "myFunction2()">点击这里</button>
<p id="demo1"></p>
<script>
function myFunction2(){
var y=5;
var x=y+2;
var demoP=document.getElementById("demo1");
demoP.innerHTML="x=" + x;
}
</script>
</body>
</html>
前端学习JavaScript
猜你喜欢
转载自blog.csdn.net/tingzizhilian/article/details/88895589
今日推荐
周排行