js的三种引入方式
1. 行间引入
<body>
<!--1.行间引入-->
<input type="button" value="点一下试试" onclick="alert('来快活一下')">
<br>
<!--较少使用，鼠标移入会显示js代码-->
<a href="JavaScript:alert('好的我来了')">试试就试试</a>
<br>
<a href="http://www.ba">百度</a>
<!--给a标签添加onclick后，一定添加href="JavaScript:"，相当于禁用原来a标签的跳转功能-->
<a href="JavaScript:;" onclick="alert('跑快我等你一起')">我马上就到</a>
</body>2. 内嵌式
<head>
<meta charset="UTF-8">
<title>js</title>
<!--2.内嵌式-->
<script>alert('欢迎光临澳门');</script>
</head>3. 外链式
ps：如果用外链式引入js文件之后，内嵌写入的样式不再生效
<head>
<meta charset="UTF-8">
<title>js</title>
<!--3.外链式-->
<script src="../js/js的引入方式.js">
<!--外链式引入js文件后，写在script标签内的代码无效-->
alert('欢迎光临澳门不显示')
</script>
</head>javascript 的变量
变量的命名规范
- 数字或字符
- 不能数字开头
- 见名知义
- 避免使用关键字
- 区分大小写
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>javascript的变量</title>
<script>
//var申明一个变量
var a = 1;
//console.log()用来调试，相当于python的print
console.log(a, '===============') // 1 "==============="
var b = 2, c = 3
console.log(b, c) // 2 3
d = '铭天'
console.log(d) // 铭天
</script>
</head>
<body>
</body>
</html>javascript 的6种数据类型
- 数值类型 – Number
- 字符串类型 – String
- 布尔类型 – Boolen
- 对象类型 – Object
- 函数类型 – Function
- 自运行类型 – undefind
ps：也有说是7种的，还有数组类型，他也属于对象类型，7种的话单独拿出来了
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>6种数据类型</title>
<script>
// 单行注释
/*
多行注释
*/
//1. 数值类型 --Number
var a = 1;
var b = 3.14;
var result1 = typeof (a);//typeof查看数据的类型
var result2 = typeof (b);
console.log(result1, result2);
//2. 字符串类型 --String
var str1 = 'abc';
var str2 = 'ABC';
var str3 = 'aaa"铭天"';
console.log(str1, typeof (str1));
console.log(str2, typeof (str2));
console.log(str3, typeof (str3));
//3. 布尔类型 --Boolean
var bool = true;
console.log(bool, typeof (bool));
//4. 对象类型 --Object
var obj = {
name1: 'python',
name2: 'javascript'
};
console.log(obj, typeof (obj));
//数组
var arr = ['python', 'java', 'php'];
console.log(arr, typeof (arr));
//5. 函数类型 --Function
var func = function () {
console.log('函数里面的代码')
};
console.log(func, typeof (func));
//函数的调用
func();
//6. 未定义 --undefined
var x;
console.log(x, typeof (x))
//instanceof()方法，判断是否是指定的类型
console.log(obj instanceof Object);
console.log(a instanceof Number);
console.log(str01 instanceof String);
// 基本数据类型必须使用new 实例化出来的结果才能检测成功
var a = new Number(1);
var str01 = new String('aaa');
console.log(a instanceof Number);
console.log(str01 instanceof String);
</script>
</head>
<body>
</body>
</html>数值类型的强制转换
- Number(str)： 保留一位小数，字符串只要有一个非数字字符，返回NaN，不包含小数点，只能有一个小数点
- parseInt(str)： 取整数，从前往后读，取到第一个非数字为止，如果第一个字符是非数字字符，直接返回NaN
- parseFloat(str)： 取小数，不同于 parseInt 的会检测第一个小数点
- Boolean(str)： False（0 / 0.0 / NaN / ‘’ / null / undefind） True：除了False之外的
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>数值类型的强制转换</title>
<script>
//将字符串 强制转换成 数值
// 1. Numbaer 字符串只要有一个非数字的字符，就返回NaN，不包含小数点，只能有一个小数点
var str1 = '123'; // 123
var str1 = '123aaa'; // NaN
var str1 = '123.1'; //123.1
var str1 = '123.1.1'; //NaN
var str1 = 'aaa123'; //NaN
// var resule = Number(str1);
// console.log(resule);
// 2. parseInt() --得到的结果是整数
// 从前往后读，从第一个数字取到非数字为止
// 如果第一个字符是非数字字符，直接返回NaN
var result = parseInt(str1);
console.log(str1, typeof (result));
// 3. parseFloat() --得到的结果是小数
// 用法跟parseInt()几乎一样，会检测第一个小数点
var result = parseFloat(str1);
console.log(result, typeof (result));
// 4. Boolean()
// False: 0 / 0.0 / NaN / '' / null / undefined
// True: 除了上面的几种类型外
var num1 = 0;
var num1 = 0.0;
var num1 = NaN;
var num1 = '';
var num1 = null;
var num1 = undefined;
console.log(Boolean(num1))
</script>
</head>
<body>
</body>
</html>
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
