<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
/* 数据类型 */
//1.数值类型(包含整数和浮点数)
var a = 10;
var b = 10.5;
/* alert(typeof(b));number typeof(b)返回变量的数据类型 */
//2.布尔类型
var c = true;
var d = false;
/* alert(a==b); */
//3.字符串,单引号和双引号都表示字符串
var e = "abcd";
var f = 'abcd';
/* alert(typeof(e));
alert(typeof(f)); */
//4.undefined 声明了变量,却没有
var g;
alert(g==undefined);
//对象类型
var date = new Date();
/* alert(date.getFullYear());
alert(date.getMonth()+1);
date.getDate(); */
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
/*
算术运算符 + - * / % ++ --
+ 加法运算 字符串运算
*/
var a = "10";
var b = 5;
var c = 10;
var d = "a";
//alert(a+b);//字符串连接 105
//alert(b+c);//加法 15
/* alert(c-b);//5 减法
alert(a-b);//5 "字符串"-数值=数值 会把表达式中的数字字符串尝试类型转换
alert(c-d);//NaN not a number 如果字符串不能转换为数值 返回NaN */
// alert(a*b);//50
// alert(a*d);//NaN
</script>
</head>
<body>
</body>
</html>
4.逻辑运算符
逻辑运算符用于测定变量或值之间的逻辑,给定 x=6 以及 y=3 ,下表解释了逻辑运算符:
html复制代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
var a = "10";
var b = 5;
var c = 10;
var d = "a";
// alert(a==c);//只比较值是否相等
// alert(a===c);//全等(值和类型)
</script>
</head>
<body>
</body>
</html>
5.赋值运算
6.逻辑运算符
逻辑运算符用于测定变量或值之间的逻辑,给定 x=6 以及 y=3 ,下表解释了逻辑运算符:
7.条件运算符
JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符 语法: var result = (条件表达式)?结果1:结果2 当条件成立返回?后的内容,否则返回:后的内容
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
var a = "10";
var b = 5;
var c = 10;
var d = "a";
if(c>b){
alert(c);
}
for (var i = 0;i < 5;i++){
alert(i);
}
</script>
</head>
<body>
</body>
</html>
三、函数
1.函数定义的基本语法
function functionName([arguments]){
javascript statements
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
//①无参构造方法
/*
function test(){
alert("你好");
} */
//②有参构造方法
/*
function test(a,b,c){
alert(a+":"+b+":"+"c");
}
*/
//有返回值
/*
function test(a,b){
return a+b;
}
*/
//函数调用
/* test();
test(true,"abc",new Date());
var c = test(10,23);
alert(c); */
//系统中的全局函数 在系统已经定义好了,直接调用的函数
//alert(输出内容); 弹窗显示
var a = 10.5;
var b = "10.5";
var c = 5;
alert(parseInt(a));//把浮点数转为整数
alert(parseInt(b)+c);//把字符串更换转换成整数, 如果转换的内容是字符串,字母不能开头, 只将开头的数字部分转换
alert(parseFloat(c));
alert(parseFloat(b));
alert(typeof(a));
alert(typeof(b)); //typeof(变量) 获取变量的数据类型
var s = "2+3*2"; var s = 2+3*2;
var s = "alert(a)";
eval(s);//把传入进来的字符串可以当做js脚本执行
</script>
</head>
<body>
</body>
</html>
● 通常,通过 JavaScript,您需要操作 HTML 标签
● 为了做到这件事情,您必须首先找到该标签
● 要操作,先得到
● 有四种方法来做这件事: ①通过 id 找到 HTML 标签
document.getElementById("id"); ②通过标签名找到 HTML 标签
document.getElementsByTagName("p"); ③通过类名找到 HTML 标签
document.getElementsByClassName("p"); ④通过name找到 HTML 标签
document.getElementsByName("name");
3.改变HTML
● Html dom允许javaScript 改变html标签的内容
• 改变 HTML 标签的属性
document.getElementById("username").value="new value";
document.getElementById("image").src="new.jpg"; • 修改 HTML 内容的最简单的方法时使用 innerHTML 属性
document.getElementById( "div" ).innerHTML= new HTML
4.改变CSS
● html dom允许 javaScript改变html标签的样式 语法:
document.getElementById("id").style.property=new style; 例: