四种声明方式:
<script type="text/javascript">
alert(1);
</script>
<a href="javascript:alert(2);">弹出</a>
<script scr="xxx.js"></script>
<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 循环
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>