<!DOCTYPE html>
<html lang="ch">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<!-- 2.内嵌式的JS -->
<script>
// alert('欢迎使用');
</script>
<!-- 3.外部JS调用 -->
<script src="js1.js"></script>
<!-- JS推荐使用单引号,HTML使用双引号 -->
<script>
//1.单行注释 ctrl+/
/* shift+alt+A
多行注释
多行注释
*/
</script>
</head>
<body>
<!-- 1.行内式的JS -->
<!-- <input type="button" value="点击此处下载" onclick="alert('http:qq.com')"> -->
</body>
</html>
JS常用的输入输出语句
方法 | 说明 | 归属 |
---|---|---|
alert(msg) | 浏览器弹出警示框 | l浏览器 |
console.log(msg) | 浏览器控制台打印输出信息 | 浏览器 |
prompt(info) | 浏览器弹出输入框,用户可以输入 | 浏览器 |
<!DOCTYPE html>
<html lang="ch">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
//这是一个输入框
prompt('Please enter your name:')
//alert 弹出警示框
alert('your name is shit!')
//控制台输出
console.log('我是皇帝的代码')
</script>
</head>
<body>
</body>
</html>
变量
变量使用分为两步:
1.声明变量
var age;//声明一个名字为age的变量
2.赋值
<!DOCTYPE html>
<html lang="ch">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
//变量的使用
// var myname = 'kakaxi';
// var address = 'huoying';
// var age = 30;
// var email = 'kakaxi@huoying.cn';
// var gz = 2000;
// console.log(myname)
// console.log(address)
// console.log(age)
// console.log(email)
//输入写入变量
var myname = prompt('Please enter your name:');
alert(myname);
//重新赋值会覆盖原有的值
//多变量声明
var a,b,c;
//变量声明特殊情况
var gz;
console.log(gz); //undefind未定义
console.log(tel); //不声明不赋值
qq = 110;
console.log(qq); //不声明但赋值
</script>
</head>
<body>
</body>
</html>
变量命名规范:
1.字母,数字,下划线,美元符号组成
2.严格区分大小写
3.不能以数字开头
4.不能是关键字,如:var ,for ,while
5.变量名必须有意义
6.遵守驼峰命名法。首字母小写,后面单词的字母大写。如:xiaoMing
7.推荐翻译网站:有道 爱词霸
变量互换
<!DOCTYPE html>
<html lang="ch">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
//变量互换
var a = 1;
b = 2;
var c;
c = a;
a = b;
b = c;
console.log(a);
console.log(b);
</script>
</head>
<body>
</body>
</html>