JS函数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JS函数</title>
</head>
<body>
<script>
var a=10,b=20;
function add(a1,b1){
return a1+b1;
}
var c=add(a,b);
console.log(c);
// F12打开控制台看结果
</script>
</body>
</html>
JS弹窗对话框
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>弹窗对话框</title>
</head>
<body>
<style>
*{
margin: 0 auto;
padding: 0;
}
</style>
<!-- DOM -->
<p id="change">通过单击按钮,改变字体大小</p>
<button onclick="document.getElementById('change').style.fontSize='24px'">改变字体大小</button>
<br><br>
<!-- HTML文档输出 -->
<h3>Say Hello!</h3>
<button onclick="show1()">HTML文档流输出</button>
<script>
function show1(){
document.write("Hello World!");
}
</script>
<br><br>
<!-- HTML元素内容输出 -->
<h3>Say Hello!</h3>
<p id="show3"></p>
<button onclick="show2()">HTML元素内容输出</button>
<script>
function show2(){
document.getElementById("show3").innerHTML="Hello World!";
}
</script>
<br><br>
<!-- 弹窗对话框 -->
<button onclick="show4()">显示内容</button>
<script>
function show4(){
alert("Hello World!");
}
</script>
</body>
</html>