DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Documenttitle>
head>
<body>
<div>
<h3>1、变量的声明和基本使用h3>
<script>
var a = 10; //number
var b = 21.5;
var c = "string";
document.write("a=" + a + '
');
document.write("b=", b, "
");
console.log(a / 3); //3.33333333
b = true; //数据类型允许变动,可以根据赋值进行变动。
console.log(b);
d = 999; //变量可以不声明
console.log(d);
script>
div>
<div>
<h3>2、可以使用typeof判断变量类型h3>
<script>
document.writeln("typeof a=" + (typeof a) + "
");
document.writeln("typeof c=" + (typeof c) + "
");
var arr = [10, 12, 15]; //数组
document.writeln("typeof arr=" + (typeof arr) + "
");
document.write(arr);
document.write(arr[0]);
var now = new Date(); //系统预定义object类型
document.writeln("typeof now=" + (typeof now) + "
");
document.write(now);
var aa;
document.writeln("typeof aa=" + (typeof aa) + "
"); //undefined
document.write(aa); //undefined
var bb = true;
document.writeln("typeof bb=" + (typeof bb) + "
"); //boolean
document.write(!bb); //false
var cc = null;
document.writeln("typeof cc=" + (typeof cc) + "
"); //object
document.write(cc);
script>
div>
<div>
<h3>3、NaNh3>
<p>js中变量参与数学计算时会首先转换为数字,如果不能自动转换则得到的结果就是NaN,所有NaN参与的计算结果都是NaNp>
<script>
document.write("10+20=" + (10 + 20) + "
");
document.write("10+'20'=" + (10 + '20') + "
"); //1020,如果计算过程种涉及到string类型,则+表示字符串拼接
document.write("10*'20'=" + (10 * '20') + "
"); //200,由于*针对字符串没有定义计算规则,所以首先将'20'转换为数值再进行计算
document.write("'10'-'20'=" + ('10' - '20') + "
"); //-10
document.write("true+false=" + (true + false) + "
"); //1,true=1,false=0
document.write("'1a0'-'20'=" + ('1a0' - '20') + "
"); //NaN
script>
<h3>isNaN判断是否不是一个数字h3>
<script>
document.write("isNaN('123')=" + isNaN('123') + "
"); //false
document.write("isNaN(123)=" + isNaN(123) + "
"); //false
document.write("isNaN('12sad3dd')=" + isNaN('12sad3dd') + "
"); //true
script>
div>
<div>
<h3>4、数据类型转换h3>
<p>parseInt和parseFloatp>
<script>
document.write("'20'-10=" + ('20' - 10) + " " + (typeof ('20' - 10)) + "
"); //默认转换
document.write("'20'+10=" + ('20' + 10) + "
");
document.write("'20'+10=" + (parseInt('20') + 10) + "
");
document.write("parseInt('20')=" + parseInt("20") + "
");
document.write("parseInt('3.14')=" + parseInt("3.14") + "
"); //3
document.write("parseFloat('3.14')=" + parseFloat("3.14") + "
"); //3.14
document.write("parseInt('20bc10')=" + parseInt("20bc10") + "
"); //不是所有内容都支持转换时,尽可能进行转换
document.write("'20bc10'-10=" + ('20bc10' - 10) + " " + (typeof ('20bc10' - 10)) + "
"); //NaN
document.write("parseInt('ff')=" + parseInt("ff") + "
"); //NaN
document.write("parseInt('ff',16)=" + parseInt("ff", 16) + "
"); //255
document.write("parseFloat('12,343.14')=" + parseFloat("12,343.14") + "
"); //12
document.write("parseFloat('12.343.14')=" + parseFloat("12.343.14") + "
"); //12.343
script>
div>
<div>
<h3>5、toString和toFixed转换h3>
<p>toString用于将其它类型数据转换为string类型,toFix定义小数点位数p>
<script>
var now = new Date;
document.write("date.toString()=" + now.toString() + "
");
var kk = 123.456;
document.write("number.toString()=" + kk.toString() + "
");
var aaa = [2, 3, 4, 5];
document.write("object.toString()=" + aaa.toString() + "
");
var kk1 = 123.4567;
document.write("number.toFixed(2)=" + kk1.toFixed(2) + "
"); //123.46
script>
div>
body>
html>
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Documenttitle>
head>
<body>
<script>
// \ 转义字符
// var str = "sadas";
// alert("这是:\n一段文字")
// document.write("这是:\n一段文字");
// var str = new String(123);
// var str = String(123);
// document.write(typeof str);
var str = "this is a pig中文";
字符串.length
返回字符串的长度。
// document.write(
// str.length
// str.charAt(12)
// )
//str.charAt(index)
// 依照索引值取字符串中的一个字符
//str.charCodeAt(index)
// 依照索引值取字符串中的一个字符的编码
// 编码是Unicode编码。
// var kk="aBc张"
// document.write(kk.charCodeAt(3));
//String.fromCharCode(参数1,参数2.......参数N)
// 必须是String发起,参数是0-65535之间的编码。
// 依照unicode编码,还原一个字符串。
//24464,28023,19996
//单字节、双字节
// var str = "蒙新凯";
// document.write(
// str.charCodeAt(2)
// ,"
"
// )
// for(let k=0;k
// document.write(str.charCodeAt(k)+"---"+str.charAt(k)+"
");
// document.write(
// String.fromCharCode(33945,26032,20975)
// )
// str.indexOf(要查找的字符串,起点索引值)
// 返回搜索字符串在总字符串中首次出现的索引值。
// 找不到则返回 -1.
// str.lastIndexOf(要查找的字符串,起点索引值)
// 同上,查找的方向是从结尾到开始。(不影响找到的索引值)
// 索引值,是从0开始,从起点到终点的正整数。
//
// var str = "this is a pig";
// document.write(
// str.indexOf("is")
// str.indexOf("is",3)
// str.lastIndexOf("is")
// str.lastIndexOf("is",4)
// )
//截取字符串的三个方法: [面试题]
//str.slice(index1,index2)
// 两个参数是截取的开始和结束索引值,支持负值。
//str.substring(index1,index2)
// 两个参数是截取的开始和结束索引值,不支持负值。
//str.substr(index,length)
// 第一个参数是操作点的索引值,第二个参数是截取的字符数量
// 参数1支持负值。
// var str = "这是一段很长很长的话";
// document.write(
// str.slice(1,-2)
// str.slice(-2)
// str.substr(-4,2)
// str.substring(-4,-2)
// )
var str = "tHis iS A pIg";
str = str.toLowerCase()
document.write(
// str.toUpperCase()
str
)
script>
body>
html>
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Documenttitle>
<style>
h1 {
color: #ff0000;
color: rgb(255, 0, 0);
}
style>
head>
<body>
<script>
// var x = 123;
new 实例化
Number 数字类型的原型名称
//
// x = new Number(123);
// x = x*2
// document.write(typeof x)
var x = 3.14;
// 强制类型转换
// x = Number("3.14e-3");
// alert(x);
// x = "3.14e-3";
// 隐式类型转换
// x = x * 1;
// 以“0”开头的数字,表示0后的是8进制数
// x = 077;
// 以 0x 开头的数字,表示 0x 后面的是16进制数
// var x = 0xFF;
//
js 浮点运算在特定的前提下会有误差。
// var kk=0;
// for(let i=0;i<10;i++)
// kk+=0.1;
// document.write(kk+"
")
// x = "123a"; //parseInt
// x = x * 2;
// alert(x);
NaN 是数字类型,表示的含义是非数字。
// x = NaN;
// document.write(typeof x)
//isNaN(参数)
// 这个方法,用来判断,参数是否可以转换成标准数字
// 可以返回 false,不可以返回 true。
// 隶属于 window
//
// x = "123"
// document.write(
// isNaN(x)
// )
// 数字.toString(参数)
// 将数字转换成字符串。
// 参数(2-36)表示按多少进制显示,
// 默认值是10。
// 数字.toLocaleString()
// 按计算机本地设置来显示。(通常带有千分位)。
//
// x = 12345.6789;
// document.write(
// // x.toString(35)
// x.toLocaleString()
// ,"
"
// )
// 数字.toFixed(参数)
// 将数字转换为字符串
// 参数控制保留小数的位数(0-20),默认为0
// 具有四舍五入的功能,但有时候不准确。
// x = 0.3562134234
// document.write(
// x.toFixed(2)
// ,"
"
// )
//parseFloat(x) 取字符串的小数部分
//parseInt(x) 取字符串的整数部分
// 从字符串的起点开始,找符合整数(小数)的部分,转换为数字。
// 如果起点就不符合,则返回 NaN。
x = "12.5e2";
document.write(
// parseFloat(x)
parseInt(x)
)
script>
body>
html>
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Documenttitle>
head>
<body>
<script>
// 获取和设置时间时,在get或set后加 UTC 或 GMT 都是操作世界时间
// var date = new Date();
// console.log(date)
// var riqi = new Date("2017-5-1")
// console.log(riqi);
// date.setTime(1000)
// date.setHours(date.getHours()+1000);
// date.setFullYear(2200,2,36);
// console.log(date)
// document.write(
// date.getFullYear() + "年"
// + (date.getMonth() + 1) + "月"
// + date.getDate() + "日"
// + "星期" + date.getDay()
// + " " + date.getHours()
// + ":" + date.getMinutes()
// + ":" + date.getSeconds()
// + " " + date.getMilliseconds()
// )
// date.setTime(0)
// document.write(
// // date.getTime()/1000/60/60/24/365+1970
// date
// )
script>
<hr />
<script>
// 在日期后加UTC表示读取或设置的时间是国际标准时间。曾经是GMT,新标准中已废弃。
var txt = "";
var t1 = new Date();
for (var x = 1; x < 1000; x++) {
for (var y = 1; y < 1000; y++) {
txt += "字";
}
}
document.write(txt);
var t2 = new Date();
document.write("
本页执行时间是:" + (t2 - t1) + "毫秒")
script>
body>
html>
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Documenttitle>
head>
<body>
<script>
// 数字 0和NaN是假,其他是真
// 字符串 空字符串是假,非空字符串是真
// null 和 undefined 是假。
// 所有的引用类型都为真。
// var bool = true;
// var bool = false;
// var bool = new Boolean("abc");
// if(NaN){
// document.write("这是真的");
// }else{
// document.write("假!!!");
// }
// var a = null;
// var a = undefined;
// var a = document.getElementById("aaa");
// a.innerHTML = "123";
var a = null;
document.write(
typeof a
)
script>
body>
html>