javascript基础语法

最新推荐文章于 2024-07-15 14:11:16 发布

Regina_Wan

最新推荐文章于 2024-07-15 14:11:16 发布

阅读量984

点赞数 1

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/Yun_Ge/article/details/88920776

版权

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

四种声明方式：

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>

Regina_Wan

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
javascript基础语法

四种声明方式：<script type="text/javascript"> alert(1);</script><a href="javascript:alert(2);">弹出</a><script scr="xxx.js"></script><div onclick="alert(3)"...
复制链接

扫一扫