<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试js</title>
</head>
<body>
<div onclick="alert('欢迎来到召唤师峡谷')">我是div</div>
<span onclick="alert('我是屠龙宝刀,请收好')">屠龙宝刀点击就送</span>
<div ondblclick="alert('敌军还有30秒抵达战场')">哈哈</div>
<div onmouseenter="alert('碾碎他们')">呵呵</div>
<div onmouseleave="alert('全军出击')">嘿嘿</div>
<div onmouseout="alert('全军出击')">嘿嘿</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js语法</title>
<script>
var a = 1;
alert(a);
a = 1.8;
alert(a);
a = "尼玛阿"
alert(a);
alert(a.big())
alert('你好');
alert("hello");
alert(2.4+3.6);
alert(1>3);
alert(null);
alert(undefined);
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试 js测试</title>
<script>
var b = (3>5)?3:5;
alert(b);
var a = 12;
alert(a/5);
alert(a%5);
// alert(a++);
// alert(++a);
a = a++;
alert(a);
a= a+++a;
alert(a)
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试 js语句</title>
<script>
if(!true){
alert(100);
}
var a = 200;
if(a>=80 && a<=100){
alert('优秀');
}else if(a>=60 && a<80){
alert('中等')
}else if(a>=0 && a<60){
alert('不及格');
}else{
alert('输入有误');
}
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试 js语句</title>
<script>
let a = 100000000;
let b = 0;
while(true){
a=a-5000000;
b++;
if(a==0){
console.log(b);
break;
}
}
// for (let i = 0; i >= 0; i++) {
// console.log(i);
// }
for (let i = 1; i <=10; i++) {
// for (var i = 1; i <=10; i++) {
// alert(i);
console.log(i);
}
//bug:for循环里定义的变量,竟然在循环外也能用!!!
//原因:var定义的变量没有作用域的概念,推荐使用let定义变量,let严格规定了作用域
console.log(i+"======")
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<a href="#" id="a1" onclick="changUrl">点击我,去百度</a>
<script>
function changUrl(){
var a_tag = document.getElementById("a1");
a_tag.href = "https://www.baidu.com";
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script type="text/javascript">
var a = 10;
var b = 9.9;
document.write(a+","+(typeof a)+"<hr/>");
document.write(b+","+(typeof b)+"<hr/>");
var c = "hello world";
document.write(c+","+(typeof c)+"<hr/>");
var d = true;
document.write(d+","+(typeof d)+"<hr/>");
var e = null;
document.write(e+","+(typeof e)+"<hr/>");
var h = undefined;
document.write(h+","+(typeof h)+"<hr/>");
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var a = new Number(5);
document.write(a+","+(typeof a)+"<hr/>");
var b = "10";
document.write(b+","+(typeof b)+"<hr/>");
var c = new Number(b);
document.write(c+","+(typeof c)+"<hr/>");
var d = "a10";
document.write(d+","+(typeof d)+"<hr/>");
var e = new Number(d);
document.write("a10"+","+e+","+(typeof e)+"<hr/>");
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!-- <script type="text/javascript">
var a = 10;
const c = 99.9;
document.write("常量值:"+c+"<br />");
//c = 100;
//document.write("常量值:"+c+"<br />");
function test1(){
let b = 20;
document.write("test1方法中,全局变量:"+a+"<br/>");
document.write("test1方法中,局部变量:"+b);
document.write("<hr />");
}
function test2(){
document.write("test2方法中,全局变量:"+a+"<br/>");
//document.write("test2方法中,局部变量:"+b);
document.write("<hr />");
}
test1();
test2();
</script> -->
<script type="text/javascript">
var a = 10;
var c = 99.66;
document.write("常量值:"+c+"<hr />");
function text1(){
let b = 20;
document.write("text1方法中,全局变量:"+a+"<br />")
document.write("text1方法中,局部变量:"+b+"<hr />")
}
function text2(){
document.write("text2方法中,全局变量:"+a+"<br />")
document.write("text2方法中,局部变量:"+b+"<hr />")
}
text1();
text2();
</script>
</body>
</html>