四种声明方式:
1、在任何地方插入
<script type="text/javascript">
alert(1);
</script>
2、在a标签里加入
<a href="javascript:alert(2);">弹出</a>
3、引入js文件
<script scr="xxx.js"></script>
4、使用onclick
<div onclick="alert(3)";>点我</div>
四种显示数据方式:
1、alert()函数弹窗警告
2、console.log 打印函数(控制台输出100)
3、document.write(),向浏览器中写入数据
<script type="text/javascript">
console.log(100);
document.write(100);
</script>
4、使用 innerHTML 写入到 HTML 元素
<body>
<h1>我的第一个 Web 页面</h1>
<p id="demo">我的第一个段落</p>
<script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script>
</body>
基本语法:
1、语句一般以分号结尾,没有也行
2、命名规则:
数据类型 int float string array bool object
命名规则 iAbc fAbc sAbc aAbc bAbc oAbc
3、三种数据类型
- 对象 (number、string、boolean、object)
var a = new Number(200);
var b = new String("abc");
var c = new Boolean(true);
- 未定义(undefined)
var a;//type(a)=undefined
- NaN(not a number)
var a = new Number("abc");
if (isNaN(a))
{
alert("yes!")
}
当一个不是数字的字符串转化为数字时会产生NaN
4、字符串以数字开头通过相应函数取值
var a = '100abc'
var b = 'abc100'
var c = parseInt(a)
var d = parseInt(b)
alert(c)//c = 100
alert(d)//d = NaN
5、函数:
<script>
function myFunction()
{
alert("Hello World!");
}
function myFunction(a,b)
{
return a*b;
}
var add = (function(m) {
alert(m);
})(200);//实现立即执行函数功能
if…else if…else 语句:
if (condition1)
{
//
}
else if (condition2)
{
//
}
else
{
//
}
case 语句:
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x;
var d=new Date().getDay();
switch (d)
{
case 6:x="今天是星期六";
break;
case 0:x="今天是星期日";
break;
default:
x="期待周末";
}
document.getElementById("demo").innerHTML=x;
}
</script>
for循环:
//for循环
for (var i=0;i<5;i++){
alert(i);
}
//for in 循环(使用for in 可以遍历属性)
function myFunction(){
var x;
var txt="";
var person={fname:"Bill",lname:"Gates",age:56};
for (x in person){
txt=txt + person[x];
}
document.getElementById("demo").innerHTML=txt;
//txt=BillGates56
}
获取参数
def test()
{
alert(arguments[0]);//弹出1
}
test(1,2,3,4)
while循环
while (条件)
{
需要执行的代码
}
do-while循环
do
{
需要执行的代码
}
while (条件);
break–continue:
在循环体内功能和c语言一样
<script>
//break labelname; continue labelname;代表跳出代码段
cars=["BMW","Volvo","Saab","Ford"];
list:{
document.write(cars[0] + "<br>");
document.write(cars[1] + "<br>");
break list;
document.write(cars[3] + "<br>");
//BMW Volvo
}
</script>
数组:
1、
var array=[1,2,3];
2、
var array2=new Array(4,5,6);
3、
var array3 = new Array()
array3['name']='小花';
alert(array3.name);//用.来引用属性值
数组长度获取:
var array3 = new Array()
array3['name']='小花';
array3[0]=1;
array3[1]=2;
alert(array3.name);//弹出’小花‘
alert(array3.length);//弹出2
//length只会计算索引值,不会包含属性值
类的定义:
1、
<script>
var obj = new Object();
obj.name = 'zly';
obj.age =18;
obj.say = function()
{
console.log(this.name,this.age);
};
obj.say();
</script>
2、
<script>
var obj ={name:'zly',age:18,say:function(){
console.log(this.name,this.age);
}};//json写法
obj.say();
</script>
3、
<script>
function Person(name,age)
{
this.name=name;
this.age=age;
this.say=function(){
console.log(this.name,this.age);
};
}
var obj = new Person('zly',18);
obj.say();
</script>