1、JS入门
警告框： alert("内容")
向网页写数据: document.write("内容")
通过id属性值获取某一个元素： document.getElementById("id值)
* 自定义属性用 documen.getElementById("xxx").getAttribute("name1")获取
修改元素中的内容(识别html)： 元素.innerHtml = 值
修改元素中的内容(不识别html)： 元素.innerText = 值
向网页控制台输出： console.log("内容")
定义函数语法：
function 函数名(参数){
代码
}
Java中的数据类型：
基本数据类型：
整型:byte short int long
浮点型： float double
字符串： char
布尔： boolean
应用数据类型：String 数组 对象
JS中的数据类型：（JavaScript采用弱类型，值决定变量类型）
数据类型
基本数据类型
number 数字
string 字符串 不区分单双引号
boolean 只有两个值 true false
null
undefined 未定义，定义了变量但是没给值
引用数据类型 ： Object
java中定义变量 ： 数据类型 变量名 = 值
javascript 中定义变量 ： var 变量名 = 值
通过 typeof 变量名 查看变量的数据类型
比如：
//定义变量
num = 10
var num02 = 10.09
var name = '王海虎'
var flag = false
var sex = null
var age
// 弹出num值
// alert(num02)
// 向网页控制台输出变量的类型 语法： typeof 变量
// console.log(typeof num) //number
// console.log(typeof num02) //number
// console.log(typeof name) //string
// console.log(typeof flag) //boolean
// console.log(typeof sex) //object
console.log(typeof age) //undefined
数据类型转换
Boolean(3) //true//boolean
new Boolean(3) //object
String(3) // string
new String(3) // object
parseInt(参数) ： 将参数从第一位开始解析，直到遇到非法的停止解析，返回解析过，如果第一个就非法，返回NaN
parseFloat(参数) ： 将参数从第一位开始解析，直到遇到非法的停止解析，返回解析过，如果第一个就非法，返回NaN
Number(参数) ： 只要参数有非数字，返回NaN，如果全是数字，返回数字
i++ : 先用后计算
++i ： 先计算后用
Java中对比： 只比较值，比较值和地址
String a = "q";
String b = "q";
只对比值： a.equals(b)
比较地址： a==b
JS中对比
== 对比 类似于 java中的equals
=== 对比 类似于 java中的== 严格比较 即比较值，又比较类型
三元运算符： 语法 ：
条件 ? 值1 : 值2
定义数组：
var arr = [值列表]
//循环数组
for(var i=0;i<arr.length;i++){}
for(var i in arr){} //i代表下标
代码练习：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--直接嵌入--> <!--外部引人js文件--> <!--<script src="test01.js"></script>--> <!--src用来指定引人的文件的属性--> <!--代码运行顺序从上向下运行--> <!--ECMAScript BOM 浏览器对象模型 browser model DOM 组成--> <p id="p1">00000</p> <input type="button" id="b1" value="悯农" onclick="show()"> <script> function show(){ document.write("锄禾日当午<br>"); document.write("汗滴禾下土<br>") document.write("谁知盘中餐<br>") document.write("粒粒皆辛苦<br>") alert("这首诗的题目是《悯农》") } document.getElementById("p1").innerText="原样输出<h1>乌卢布</h1>" //window.alert("张小键好啊")/*window默认对象,可以省略*/ document.getElementById("p1").innerHTML="标题<h1>乌卢布</h1>" // servlet 向网页输出 response.getWriter().print() // java控制台输出 System.out.println() // js 向网页控制台输出：console.log() </script> </body> </html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type = "text" name="score" id="score" value="100" >
<input type="button" value="成绩" onclick="describe()" />
<script type="text/javascript">
function show(){
// var date =new Date()
// alert(date.getDate())
document.write("WWWWWWWWWW")
}
function describe(){
var score=document.getElementById("score").value;
if (score == 100) {
document.write("优秀 <a href='zhuanh.html' ><button>返回</button></a>");
} else if (score >= 95 && score < 100) {
document.write("良好 <a href='zhuanh.html' ><button>返回</button></a>");
} else if (score >= 90 && score < 95) {
document.write("及格 <a href='zhuanh.html' ><button>返回</button></a>");
} else if (score < 90) {
document.write("加油 <a href='zhuanh.html' ><button>返回</button></a>");
}
}
//强制转换
// var a= Boolean(1+2);
//alert(typeof a);
// var b=new Boolean(1+2);
//alert(typeof b);
// var c=String(123)
//alert( typeof c)
//alert(parseInt(12.3))
//alert(parseFloat("12.34f"))
// alert(Number("12.3a")) 要求严格，非数组即Not a Number
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
for(var i=1; i<=9 ; i++){
for(var j=1; j<=i; j++){
document.write(j+"*"+i+"="+i*j+" ");
}
document.write("<br>");
}
document.write("<hr>")
for(var i=1; i<=6; i++){
for(var j=1; j<=6; j++){
document.write(" * ")
}
document.write("<br>")
}
document.write("<hr>")
for(var i=1; i<=6; i++){
for(var j=1; j<=i; j++){
document.write(" * ")
}
document.write("<br>")
}
document.write("<hr>")
for(var i=1; i<=6; i++) {
for (var j = 1; j <= i; j++) {
if (1) {
document.write(" ")
}
}
for (var j = 1; j <= (6 - i); j++) {
document.write(" * ")
}
document.write("<br>");
}
document.write("<br>");
var sum=0;
for (var i=1; i<=1000 ;i++){
if (i%2==0){
sum+=i;
}
}
document.write(sum)
</script>
</body>
</html>
