首页 > 分享 > javascript基础语法

javascript基础语法

四种声明方式:

1、在任何地方插入

<script type="text/javascript"> alert(1); </script> 123

2、在a标签里加入

<a href="javascript:alert(2);">弹出</a> 1

3、引入js文件

<script scr="xxx.js"></script> 1

4、使用onclick

<div onclick="alert(3)";>点我</div> 1

四种显示数据方式:

1、alert()函数弹窗警告
2、console.log 打印函数(控制台输出100)
3、document.write(),向浏览器中写入数据

<script type="text/javascript"> console.log(100); document.write(100); </script> 1234

4、使用 innerHTML 写入到 HTML 元素

<body> <h1>我的第一个 Web 页面</h1> <p id="demo">我的第一个段落</p> <script> document.getElementById("demo").innerHTML = "段落已修改。"; </script> </body> 1234567

基本语法:

1、语句一般以分号结尾,没有也行
2、命名规则:

数据类型 int float string array bool object 命名规则 iAbc fAbc sAbc aAbc bAbc oAbc 12

3、三种数据类型

对象 (number、string、boolean、object)

var a = new Number(200); var b = new String("abc"); var c = new Boolean(true); 123' 未定义(undefined)

var a;//type(a)=undefined 1' NaN(not a number)

var a = new Number("abc"); if (isNaN(a)) {alert("yes!") } 12345

当一个不是数字的字符串转化为数字时会产生NaN

4、字符串以数字开头通过相应函数取值

var a = '100abc' var b = 'abc100' var c = parseInt(a) var d = parseInt(b) alert(c)//c = 100 alert(d)//d = NaN 123456

5、函数:

<script> function myFunction() { alert("Hello World!"); } function myFunction(a,b) { return a*b; } var add = (function(m) { alert(m); })(200);//实现立即执行函数功能 1234567891011121314

if…else if…else 语句:

if (condition1) { // } else if (condition2) { // } else { // } 123456789101112

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>

12345678910111213141516171819

for循环:

//for循环 for (var i=0;i<5;i++){alert(i);} 1234

//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 } 1234567891011'

获取参数

def test() {alert(arguments[0]);//弹出1 } test(1,2,3,4) 12345

while循环

while (条件) { 需要执行的代码 } 1234

do-while循环

do { 需要执行的代码 } while (条件); 12345

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

数组:

1、

var array=[1,2,3]; 1'

2、

var array2=new Array(4,5,6); 1'

3、

var array3 = new Array()array3['name']='小花';alert(array3.name);//用.来引用属性值 123

数组长度获取:

var array3 = new Array()array3['name']='小花';array3[0]=1;array3[1]=2;alert(array3.name);//弹出’小花‘alert(array3.length);//弹出2//length只会计算索引值,不会包含属性值 1234567

类的定义:

1、

<script>var obj = new Object();obj.name = 'zly';obj.age =18;obj.say = function(){console.log(this.name,this.age);};obj.say(); </script> 12345678910

2、

<script>var obj ={name:'zly',age:18,say:function(){console.log(this.name,this.age);}};//json写法obj.say(); </script> 123456

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

相关知识

11.1.1 JavaScript基本语法
黑马程序员:Java基础语法(二)
【四二学堂】模板语法
研究揭示金丝雀歌曲语法基础—小柯机器人—科学网
JAVA基础语法02
JavaScript基础笔记(四)
如何使用JavaScript处理浏览器的后退和前进按钮
JavaScript 如何使用处理后退和前进按钮
听觉口语法
解决Vue在IE中报错出现不支持=>等ES6语法和“Promise”未定义等问题

网址: javascript基础语法 https://m.mcbbbk.com/newsview739713.html

所属分类:萌宠日常
上一篇: 宠物空气净化器是否有用?五大高性
下一篇: 成都哪个快递可以寄宠物