<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<!--2.外部js src="xx.js"引入的文件 -->
<script type="text/javascript" src="xxx.js"></script>
</head>
<body>
<!--css如何引入-->
<!--
1.内部css <style type="text/css"></style>
2.外部css <link href="" style="" />
3.行内css <h1 style=""></h1>
-->
<!--js如何引入-->
<!--
1.内部js
<script type="text/javascript">
代码
</script>
2.外部js
<script type="text/javascript" src="xx.js"></script>
3.行内js -- 点击时会弹出一个窗体
<input type="button" onclick="alert(‘hello js‘)" />
-->
<input type="button" onclick="alert(‘hello js‘)" value="点我"/>
<!--1.内部js-->
<script type="text/javascript">
//代码
alert(‘hello JavaScript‘);
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
//js的数据类型
//java的8大基本数据类型
//byte char short int long float double boolean
//String str="aa";
//int i=1;
//弱
var a="长沙华瑞IT教育"; //string
var b=‘男‘; //string
var c=10.5; //number
var d=5; //number
var e=true; //boolean
var f=null; //object 对象
var g; //undefined 未知的
//typeof 值 -- 判断当前的数据类型
//typeof(值) -- 判断当前的数据类型
//alert(typeof g);
//快捷注释,选中后
//ctrl+shift+/
//ctrl+/
//打印
//document.write(可以写html/css代码);
document.write("字符串 : "+typeof(a)+"<br/>");
document.write("字符串 : "+typeof(b)+"<br/>");
//运算符
//1.算数 +,-,*,/,%,+=
//2.关系 >,<,==,!=,>=,<=
//3.逻辑 &&,||,!
//4.赋值 =
//5.三元 表达式?1:2
document.write(1>2?1:2);
//换行
document.write("<br/>");
var a=1;
var b=4;
//a+=a
//a=a+a;
document.write(a+=b);
//换行
document.write("<br/>");
//可以不同类型的赋值
a="abc";
//a=true;
document.write(a+b);
//换行
document.write("<br/>");
document.write(a>b);
//换行
document.write("<br/>");
document.write(a>b&&a!=b);
//js的结构
//条件结构if,循环结构for
var c=1;
//if的表达式内部,只要不是0就会是true
if(c){
//alert(1);
}else{
//alert(2);
}
if(c==1){
//alert(1);
}else{
//alert(2);
}
document.write("<br/>");
//for循环 while/do while
for(var i=1;i<=20;i+=2){
document.write("<font style=‘font-size:"+(i+10)+"px;‘>A</font><br/>");
}
</script>
</head>
<body>
<!-- <font style="font-size: 10px;">A</font> -->
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
//1.警告窗体 alert() 只有一个确认按钮
//alert(1);
//2.确认窗体 confirm() 有一个确认true和一个取消false按钮
//var con=confirm("确认要删除吗?");
//if(con){
//...逻辑处理
//}else{
//...一般不做false处理
//}
//3.可以输入的弹出窗体 prompt() 可以输入 -- 返回值就是你输入的内容部分
//点击取消的时候 接收到一个null
//prompt("提示语句","默认值")；
//var pro=prompt("是什么?",1);
//alert(pro);
//类型处理
//parseInt(); 转换成整数
//parseFloat(); 转换成小数
//var pro=prompt("是什么?",1);
//注意:不是数字,输入的都是string类型
//alert(parseInt(pro)+2);
//var n1=parseInt(pro);
//alert(n1+2);
//10abc 可以转 10
//abc10 不能转
//NaN --- not a number 不是数字
//isNaN() 判断是不是一个非数字,是非数字返回true,数字返回false
//如果字符串不是数字，返回true是数字，返回false
//var pro=prompt("是什么?");
//alert(parseInt(pro));
//判断输入的是不是数字,如果不是不是数字,就一直输入,直到是数字就结束
var p;
do{
p=prompt("请输入数字:");
//isNaN() 判断是不是一个非数字,是非数字返回true,数字返回false
}while(isNaN(p));
alert(p);
</script>
</head>
<body>
</body>
</html>
原文：https://www.cnblogs.com/Alax-LJJ/p/15226688.html