javaScipt基础
js输出:
-
windos.alert() 警告框
-
document.write() 写到HTML文档
-
innerhtml 写到html元素
-
console.log() 写到浏览器控制台
<body>
<p id="one">
</p>
<script>
/**
windos.alert() 警告框
document.write() 写到HTML文档
innerHTML 写到html元素
console.log() 写到浏览器控制台
**/
//window.alert('HelloWorld!') //alert可以省略
//document.write('HelloWorld')
document.getElementById('one').innerHTML = 'This is p';
console.log(123);
</script>
</body>
警告框alert():
alert是警告框,只有一个按钮“确定”无返回值,警告框经常用于确保用户可以得到某些信息。当警告框出现后,用户需要点击确定按钮才能继续进行操作。语法:alert(“文本”)。
确认框confirm():
confirm是确认框,两个按钮,确定或者取消,返回true或false。确认框用于使用户可以验证或者接受某些信息。当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作。如果用户点击确认,那么返回值为true。如果用户点击取消,那么返回值为false。语法:confirm(“文本”)
提示框prompt():
prompt是提示框,返回输入的消息,或者其默认值提示框经常用于提示用户在进入页面前输入某个值。当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为null。语法:prompt(“文本”,“默认值”)
Js数据类型:
-
字符串(String)
-
数字(Number)
-
布尔(Boolwan)
-
数组(Array)
-
对象(object)
-
空(Null)
-
未定义(Undefined)
<body>
<script>
/**
+ 字符串(String)
+ 数字(Number)
+ 布尔(Boolwan)
+ 数组(Array)
+ 对象(Object)
+ 空(Null)
+ 未定义(Undefined)
**/
//var可以声明各种类型
var x; //x为undefine
var y = 'HelloWhorld'; //y为String
var z = 5; //z为Number
//字符串
var str = 'hello'
var str1 = "hello" //单引号和双引号都可以
//数字
var num = 5; //使用小数点
var num1 = 5.00; //不使用小数点
//布尔
var x1 = true;
var x2 = false;
//数组
var cars = new Array();
cars[0] = "Tesla";
cars[1] = "BMW"; //js数组是动态变化的
var cars1 = new Array("Tesla", "BMW");
var cars2 = ["Tesla", "BMW"];
//Javascript对象
var person = { firstname: "wang", lastnaem: "baoxing" };
// console.log(person); //写入控制台
alert(person.firstname)
</script>
</body>
js变量:
- 变量必须以字母开头
- 变量也可以以$和_声明,但是不推荐
- 变量名称对大小写敏感(y和Y是不同的变量)
js函数:
-
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块
-
function a(参数){} 声明会前置
-
var a =function(参数){} 匿名函数
-
函数中的 return
<body>
<script>
function b(){
alert("这是一个函数!");
}
b();
function a(x1){
alert(x1);
}
a("这是一个带参数的函数");
var c=function(){
alert("这是一个匿名函数")
}
c();
function d(){
return "this is a return function!"
}
alert(d());
</script>
</body>
js运算符
- 赋值运算符 = += -= 等
- 算数运算符+ - * /等
- 字符串的+运算符
js比较与逻辑运算符
- < 小于
- >大于
- == 等于 1==“1”
- ===绝对等于
- != 不等于
- && and
- || or
<body>
<script>
alert(" 5==\"5\"?" + (5=="5")); //返回true
alert("5===\"5\"? "+(5==="5")); //返回false
</script>