javascript基础语法1

四种声明方式:


<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>

猜你喜欢

转载自blog.csdn.net/Yun_Ge/article/details/88920776