Java Script是什么
java Script 为一种脚本编程语言又叫面向对象的语言,弱类型语言
特点:具有简单性,安全性,跨平台性。
在Java script中"//"代表单行注释,“/* */”代表多行注释
java Script的引入
java Script的引入有三种分别为 行内引入,内嵌式使用标签,外联;
1,行内引入
将Javascript代码作为HTML标签的属性值使用;
<a href="javascript:alert('hello');">test</a>
2,内嵌式使用标签
使用<script>标签包裹JavaScript代码,直接写入HTML中,一般放在<head>标签或<body>标签中
<script>
javasript代码
</script>
3,外链
外链是将JavaSaipt 代码写在一个单独的文件中,一般使用“了”作为文件的扩展名,在HTML,页面中使用<scripb>标签的src 属性引人“js”文件。外链式适合JavaScript 代码量较多的情况。
<script src="test.js"></script>
常用的输入语句
1,document.write()
document.write()的输出内容中如果含有HTML,标签,会被浏览器解析。(会显示在页面)
<script>
document.write("holle");
</script>
2.console.log()
利用 console.log0语句在控制台输出“我是 console.log0语句!”
用console.log0的输出结果需要在浏览器的控制台中查看。
<script>
console.log("我是 console.1og()语句!")
</script>
3. prompt()
利用 prompt0语句实现在页面中弹出一个带有提示信息的输人框
<script>
prompt("我是prompt")
</script>
Java Script的基本语法
1.变量(var)
在Javascript中var为弱类型定义,var定义可以是文本类型,数字类型,布尔类型等;
null | 空型 |
boolean | 布尔型 |
unmber | 数字型 |
string | 字符串型 |
undefined | 未定义型 |
bigint | 大整型 |
symbol | 符号型 |
object | 对象型 |
2.数据类型检测(typeof)
当不确定一个变量或值是什么类型的数据时,可以利用typeof操作符进行数据类型检测。
一般typeof写在console.log( )中;
<script>
console.log(typeof 2);
</script>
3.数据类型转换
1.转为布尔类型
使用Boolean(可以将给定数据转换为布尔型数据,转换时,代表空或者否定的值(如空字符串、数字0、NaN、nul和 undefined)会被转换为 false,其余的值会被转换为 true
<script>
console.log(Boolean("2"));
</script>
2.转化为字符串类型
将数据转换为字符串型数据时,利用JavaScript提供的string()或 tostring()进行转换它们的区别是前者可以将任意类型数据转换为字符串型数据;而后者只能将除null和undefined 之外的数据转换为字符串型数据
<script>
var a = 12;
console.log(String(a));
console.log(typeof(String(a)));
console.log(a.toString());
console.log(a.toString(2)); //可以将10进制的26转化为2进制1100
</script>
3.转化为数字类型
想要将数据转换为数字型进行一些计算,例如将字符串型数据转换为数字型数据进行算术运算。Javasaipt 中提供了parselnt0、parseFoat0和Number0,可以将数据转换为数字型数据。
不同类型数据转换为数字型数据的结果 | |||
待转换数据 | parselnt()转换结果 | parseFloat()转换结果 | Number()转换结果 |
纯数字字符串 | 对应的数字 | 对应的数字 | 对应的数字 |
空字符串 | NaN | NaN | 0 |
null | NaN | NaN | 0 |
undefined | NaN | NaN | NaN |
false | NaN | NaN | 0 |
true | NaN | NaN | 1 |
1.parselnt()转换
parseInt()会直接省略数据的小数部分,返回数据的整数部分.
<script>
console.log(parseInt('123.562')); //结果为123
</script>
2.parseFloat()转换
parseFoat()会将数据转换为数字型数据中的浮点数,最多小数点后14位。
<script>
console.log(parseFloat('123.1234567891234567'));
</script>
3.Number()转换
Number()用于将数据转换为数字型数据
<script>
console.log(Number('123.123'));
console.log(Number('123.a'));
</script>