<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>JS基础知识</title>
<!--
JavaScript:用于实现页面动态效果的脚本框架
JS基础知识
JS BOM浏览器对象模型
DOM编程
JS基础知识:
HTML中书写js代码:
1.html中嵌入js代码,使用script标签,可以在文章任意位置
2.引入外部js文件
JS基本语法:
语法的注意事项:
1.区分大小写
2.变量是弱类型,声明变量时统一用var
3.行结尾加分号
4.括号表明代码块
注释: // 和 /**/
JS中的变量命名规则:
1.以字母 _ $开头
2.余下的字符可以是字母_ $数字
3.最长255个字符
4.不能有空格 大小写敏感
5.不能使用关键字保留字
五种原始数据类型
1.undefined 未定义类型
2.null 空类型
3.boolean true/false
4.number 数字
5.string 值用括号括起来
查看数据类型用typeof()
""和''无区别
判断是否为NaN类型:isNaN()
数据类型的转换:
1.数值和字符串相加,会自动把数值型转换成字符串类型
2.布尔型和字符串相加,会自动把布尔型转换成字符串类型
3.数值型和布尔型相加,会自动把布尔型转换成数值型.true为1,false为0
字符串转换成数值型:parseInt parseFloat
==和===的区别:
== 比较两个操作符是否相等,只关心值,不管新数据类型
=== 比较两个操作符是否相等,要求数据类型和值都完全一致
-->
<!--<script>
document.write("First JS code!");
</script>--><!--html中嵌入js代码-->
<!--<script src="js/index.js" type="text/javascript" charset="utf-8"></script>--><!--引入外部js文件-->
<script>
document.write("First JS code!");//浏览器打印输出
document.write("<br />");//换行
document.write("You & I sing \"Happy Birthday\".");//转义字符的使用
document.write("<br />");
var i;//声明变量,统一用var
var j = 10;
var str = "I love you";
var b = true;
document.write(typeof(j));
document.write("<br />");
document.write(isNaN("ab"))//true
document.write("<br />");
var x=10;
var str = "hello";
var s = x+str;
document.write(s);
document.write("<br />");
var flag = false;
var s1 = flag+str;
document.write(s1);
document.write("<br />");
var flag1 = true;
var d = flag1+x;
document.write(d);//11
document.write("<br />");
//字符串类型转换
var ss = "123.5";
document.write(parseInt(ss));//123
document.write(parseFloat(ss));//123.5
var ss1 = "a123.5";
document.write(parseFloat(ss1));//NaN
var ss11 = "123.5a13";
document.write(parseFloat(ss11));//123.5
document.write("<br />");
var a=5;
var b = "5";
var c = 5;
document.write(a==b);//true,只比较值
document.write("<br />");
document.write(a===b);//false,比较值和数据类型
document.write("<br />");
document.write(a==c);//true
document.write("<br />");
document.write(a===c);//true
document.write("<br />");
document.write("<br />");
</script>
</head>
<body>
</body>
</html>
JS基础知识
最新推荐文章于 2022-08-21 23:07:22 发布