`

javaScript语法

javascript 
阅读更多
1. javaScript语法

1) javaScript引入方式 

<head>
<meta charset="UTF-8">
<title>JavaScript引入方式</title>
<script type="text/javascript">
    alert("头部");
</script>
</head>
<body>
<script type="text/javascript" src="myJs.js"></script>
<script type="text/javascript">
    alert("身体");
</script>
</body>
</html>

myJs.js
alert("外部引入的");


2) javaScript注释 

单行：// ；
多行：/* */ ；

<script type="text/javascript">
// document.write("a<br/>");
/*document.write("b<br/>");
document.write("c<br/>");*/
document.write("d<br/>");
</script>


3) javaScript变量 

JavaScript是弱类型语言，统一用var来定义变量；

<script type="text/javascript">
    var a ;  // 定义变量a
    a=1;     // 给变量a赋值
    document.write("a="+a+"<br/>");
    a="我是字符串";
    document.write("a="+a+"<br/>");
    
    var b="你好啊";
    document.write("b="+b+"<br/>");
</script>


4) javaScript基本数据类型 

4.1 数值类型；
4.2 字符串类型；
4.3 布尔类型；
4.4 Undefined(表示变量不含有值)；
4.5 Null(置空变量)；

<script type="text/javascript">
 var a=1;
 document.write("数值类型a="+a+"<br/>");
 var b=1.2;
 document.write("数值类型b="+b+"<br/>");
 var c='我是人';
 document.write("字符串类型c="+c+"<br/>");
 var d=false;
 document.write("布尔类型d="+d+"<br/>");
 
 var e;  // 表示变量不含有值
 document.write("e="+e+"<br/>");
 
 var f="你好";
 document.write("f="+f+"<br/>");
 f=null;  // 变量置空
 document.write("f="+f+"<br/>");
</script>


5) javaScript运算符 

5.1 算术运算符；

<script type="text/javascript">
 var x=10,y=4;
 document.write("x="+x+",y="+y+"<br/>");
 document.write("x+y="+(x+y)+"<br/>");
 document.write("x-y="+(x-y)+"<br/>");
 document.write("x*y="+(x*y)+"<br/>");
 document.write("x/y="+(x/y)+"<br/>");
 document.write("x%y="+(x%y)+"<br/>");
 document.write("x++="+(x++)+"<br/>");
 document.write("x="+x+"<br/>");
 document.write("++y="+(++y)+"<br/>");
 document.write("y="+y+"<br/>");
</script>

5.2 赋值运算符；

<script type="text/javascript">
 var x=10,y=4;
 document.write("x="+x+",y="+y+"<br/>");
 x=10;y=4;
 document.write("x="+x+"<br/>");
 x=10;y=4;
 document.write("x+=y,x="+(x+=y)+"<br/>");
 x=10;y=4;
 document.write("x-=y,x="+(x-=y)+"<br/>");
 x=10;y=4;
 document.write("x*=y,x="+(x*=y)+"<br/>");
 x=10;y=4;
 document.write("x/=y,x="+(x/=y)+"<br/>");
 x=10;y=4;
 document.write("x%=y,x="+(x%=y)+"<br/>");
</script>

5.3 比较运算符；

<script type="text/javascript">
 var x=10,y=4;
 document.write("x="+x+",y="+y+"<br/>");
 document.write("x==10,结果"+(x==10)+"<br/>");
 document.write("x=='10',结果"+(x=='10')+"<br/>");
 document.write("x===10,结果"+(x===10)+"<br/>");
 document.write("x==='10',结果"+(x==='10')+"<br/>");
 document.write("x!=10,结果"+(x!=10)+"<br/>");
 document.write("x!='10',结果"+(x!='10')+"<br/>");
 document.write("x!==10,结果"+(x!==10)+"<br/>");
 document.write("x!=='10',结果"+(x!=='10')+"<br/>");
 document.write("x&gt;y,结果"+(x>y)+"<br/>");
 document.write("x&lt;y,结果"+(x<y)+"<br/>");
 document.write("x&gt;=y,结果"+(x>=y)+"<br/>");
 document.write("x&lt;=y,结果"+(x<=y)+"<br/>");
</script>

5.4 逻辑运算符；

<script type="text/javascript">
 var x=10,y=4;
 document.write("x="+x+",y="+y+"<br/>");
 document.write("(x&lt;11&&y&gt;5),结果"+(x<11&&y>5)+"<br/>");
 document.write("(x&lt;11||y&gt;5),结果"+(x<11||y>5)+"<br/>");
 document.write("!(x&lt;11),结果"+!(x<11)+"<br/>");
</script>

5.5 三目运算符；

<script type="text/javascript">
 var x=10,y=4;
 document.write("x="+x+",y="+y+"<br/>");
 document.write("(x&gt;y?x:y),结果"+(x>y?x:y)+"<br/>");
</script>

5.6 字符串连接“+”

<script type="text/javascript">
 var x=10,y='4';
 document.write("x="+x+",y="+y+"<br/>");
 document.write("(x+y),结果"+(x+y)+"<br/>");
</script>


6) javaScript选择与循环语句 

6.1 if...else 语句；

<script type="text/javascript">
 var a=1;
 if(a>2){
     alert("a>2");
 }else{
     alert("a<=2");
 }
 
 var month=6;
 if(month>=1&&month<=3){
     alert("春天");
 }else if(month>=4&&month<=6){
     alert("夏天");
 }else if(month>=7&&month<=9){
     alert("秋天");
 }else if(month>=10&&month<=12){
     alert("冬天");
 }else{
     alert("逆天了");
 }
</script>

6.2 switch 语句；

<script type="text/javascript">
 var d=6;
 switch(d){
 case 1:alert("周一");break;
 case 2:alert("周二");break;
 case 3:alert("周三");break;
 case 4:alert("周四");break;
 case 5:alert("周五");break;
 case 6:alert("周六");break;
 case 7:alert("周日");break;
 default:alert("逆天了");
 }
</script>

6.3 for 循环语句；

<script type="text/javascript">
 for(var i=0;i<10;i++){
     document.write("i="+i+"<br/>");
 }
</script>

6.4 while/do..while 语句；

<script type="text/javascript">
 var i=0;
 while(i<10){
     document.write("i="+i+"<br/>");
     i++;
 }
 
 var j=0;
 do{
     document.write("j="+j+"<br/>");
     j++; 
 }while(j<10);
</script>


7) javaScript函数 

<script type="text/javascript">
 function fun1(){
     alert("我的第一个方法");
 }
 
 function fun2(param1){
     alert(param1);
 }
 
 function fun3(param1,param2){
     alert(param1+" "+param2);
 }
 
 function fun4(param1,param2){
     return param1+" "+param2;
 }
 // fun1();
 // fun2("fuck");
 // fun3("fuck","you");
 var result=fun4("fuck","you");
 alert(result);
</script>


8) Break VS Continue 

<script type="text/javascript">
   document.write("break;<br/>");
   for(var i=0;i<10;i++){
       if(i==5){
           break;
       }
       document.write("i="+i+"<br/>");
   }
   document.write("<hr/>");
   document.write("continue;<br/>");
   for(var j=0;j<10;j++){
       if(j==5){
           continue;
       }
       document.write("j="+j+"<br/>");
   }
</script>
分享到：
| javaScript简介
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JavaScript语法一览表

    这份“JavaScript语法一览表”涵盖了语言的基础到进阶知识，是学习和参考JavaScript语法的重要资源。 一、变量与数据类型 在JavaScript中，变量通过`var`, `let`, 或 `const` 关键字声明。变量可以存储不同类型的...

    JavaScript语法手册.rar

    本压缩包文件"JavaScript语法手册.rar"包含了全面的JavaScript语法详解，旨在帮助开发者深入理解和掌握这门语言。 JavaScript语法的基础包括变量、数据类型、操作符和控制结构。变量是存储数据的地方，JavaScript有...

    JavaScript语法与范例速查手册

    "JavaScript语法与范例速查手册"是一本专为开发者和学习者设计的参考资料，旨在帮助他们快速理解和掌握JavaScript的基础知识及实际应用。手册可能包含了从基本语法到高级特性的详尽讲解，同时配以丰富的实例，以加深...

    JavaScript语法与范例速查手册(配书源码和JavaScript特效)

    本书《JavaScript语法与范例速查手册》显然是为了帮助开发者快速理解和掌握这门语言的核心概念、语法以及实践技巧。它包含两个主要部分：JavaScript特效和书稿源代码，这些内容都是为了深化对JavaScript的理解和应用...

    JavaScript语法速查表

    语法学习，随查随用

    JavaScript语法和对象速查手册-源代码

    这份"JavaScript语法和对象速查手册-源代码"涵盖了JavaScript的基础语法、核心概念以及常用对象，对于开发者来说是一份非常实用的参考资料。 一、基础语法 JavaScript的基础语法包括变量声明（var、let、const）、...

    使用JSLint完成JavaScript语法检查

    本文将深入探讨如何使用JSLint进行JavaScript语法检查，并介绍相关知识点。 JSLint是由Douglas Crockford开发的一款开源工具，它的主要目标是发现代码中的语法错误、潜在的逻辑问题以及不符合编码规范的部分。通过...

    HTML，CSS，JavaScript语法简明速查表

    理解并熟练掌握这三种技术是前端开发的基本功，而这份"HTML，CSS，JavaScript语法简明速查表"将帮助开发者快速查找和复习这些关键知识点，提高开发效率。在实际工作中，开发者还应了解相关工具和框架，如预处理器...

    JavaScript语法手册

    ### JavaScript语法手册知识点详解 #### 一、JavaScript函数 JavaScript是一种广泛使用的编程语言，尤其适用于Web开发。在JavaScript中，函数是一段可重用的代码块，用于执行特定任务。 ##### 1. GetObject函数 -...

    javascript语法

    javascript语法，简单的写了一些关于javascript的内容，希望对大家有用处的

    JavaScript语法和数据类型（源代码）

    JavaScript语法和数据类型（源代码）JavaScript语法和数据类型（源代码）JavaScript语法和数据类型（源代码）JavaScript语法和数据类型（源代码）JavaScript语法和数据类型（源代码）JavaScript语法和数据类型（源...

    JavaScript语法基础.rar

    在"JavaScript语法基础.rar"这个压缩包中，包含了多个章节，涵盖了JavaScript的基础知识，包括数据类型和变量、String对象、Math对象、数组与Array对象、Form对象、数据库访问、条件和循环语句、Window对象、文件...

    JavaScript语法.rar

    本资源“JavaScript语法.rar”提供了一份全面的JavaScript语法总结和中文参考手册，非常适合初学者和进阶者进行学习和查阅。 首先，"JavaScript语法.txt"文件是一个文本格式的JavaScript基础语法总结。它可能包含了...

    JavaScript语法手册&JavaScript程序范例

    这份"JavaScript语法手册&JavaScript程序范例"旨在帮助你深入理解JavaScript的核心概念，并通过实例加深对语法的理解。 一、JavaScript基础语法 1. 变量声明：JavaScript使用`var`、`let`和`const`进行变量声明。`...

    JavaScript语法和对象速查手册 .陈冠军.扫描版

    不过，依据标题《JavaScript语法和对象速查手册》和描述，我们可以详细探讨JavaScript的语法和对象相关的知识点。 JavaScript是一种广泛使用的脚本语言，它被内置在大多数的现代网页浏览器中，用于实现网页的动态...

    asp语法+css语法+html语法+JavaScript语法等的电子书

    这四本书籍《ASP语法一览电子书》、《CSS语法一览电子书》、《HTML语法一览与参考索引电子书》和《JavaScript语法一览电子书》将为初学者和进阶者提供丰富的学习资源，帮助他们全面理解和掌握这些技术，从而提升网页...

Magicbox
Global site tag (gtag.js) - Google Analytics