JavaScript基础概念与语法

  学习了一些最基础的JavaScript语法:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device, initial-scale=1">
    <title>Jsstudy</title>
</head>
<body>
<!--JS弹出弹窗-->
<!--        <p>我是p标签</p>-->
<!--    <script type="text/javascript">-->
<!--        document.write("<p>我是JS写入文档流的p标签</p>")-->
<!--    </script>-->

<!--button的使用-->
<!--    <button type="button" onclick="alert(‘我是button弹出的信息‘)">点我弹出信息</button>>-->

<!--JS将文本输入元素-->
<!--    <p id = "demo"> ppp</p>-->
<!--    <script type="text/javascript">-->
<!--        document.getElementById("demo").innerHTML = "Hello World!";-->
<!--    </script>-->

<!--JS函数调用-->
<!--    <script type="text/javascript">-->
<!--        function  myfunc() {-->
<!--            document.write("<h1>我是H1</h1>")-->
<!--            document.write("<h2>我是H2</h2>")-->
<!--        };-->
<!--        myfunc();-->
<!--    </script>-->

<!--变量的使用,变量命名可以用字母与数字和$,数字不能放最前面-->
<!--    <script type="text/javascript">-->
<!--        var y = 3;-->
<!--        x = 1 + 1;-->
<!--        var z = x+y;-->
<!--        // alert(z);-->
<!--        var name = "zhangsan";-->
<!--        var city = "hangzhou";-->
<!--        console.log(name); //F12打开console可以看到-->
<!--        console.log(city);-->
<!--        var x = true;-->
<!--    </script>-->

<!--JS对象-->
<!--    <script type="text/javascript">-->
<!--        var person = {-->
<!--            firstname:"bob",-->
<!--            lastname:"ge",-->
<!--            id:123-->
<!--        }-->
<!--        var name = person.firstname;-->
<!--        console.log(name);-->
<!--    </script>-->

<!--JS数组-->
<!--    <script type="text/javascript">-->
<!--        var course = ["chinese","math","english"];-->
<!--        var vec = new Array(); //定义空的数组-->
<!--        course[3] = "BBQ";-->
<!--        console.log(course[0]);-->
<!--        console.log(course[3]);-->
<!--    </script>-->

<!--JS用typeof查看类型-->
<!--    <script type="text/javascript">-->
<!--        var name = "zhangsan";-->
<!--        var age = 11;-->
<!--        var bool = true;-->
<!--        var arr = [1,2,3,4];-->
<!--        var dict = {-->
<!--            name:"zhangsan",-->
<!--            age:11-->
<!--        }-->
<!--        console.log( typeof(name) ); // string-->
<!--        console.log( typeof(age) ); // number-->
<!--        console.log( typeof(bool) ); // boolean-->
<!--        console.log( typeof(arr) ); //object-->
<!--        console.log( typeof(dict) ); //object-->
<!--    </script>-->

<!--JS,for语句-->
<!--    <script type="text/javascript">-->
<!--        for(var i=10;i<15;i++){-->
<!--            document.write("<p>"+i+"</p>");-->
<!--        }-->

<!--        var arr = [1,2,3,4];-->
<!--        // i 遍历的是下标而不是元素-->
<!--        for(i in arr){-->
<!--            document.write("<p>" + arr[i] + "</p>")-->
<!--        }-->
<!--    </script>-->

<!--JS,while语句-->
<!--    <script type="text/javascript">-->
<!--        var arr = [1,2,3,4];-->
<!--        var index = 0;-->
<!--        while(index < arr.length){-->
<!--            document.write("<p>" + arr[index] + "</p>");-->
<!--            index ++;-->
<!--        }-->

<!--        index = 0;-->
<!--        do{-->
<!--            document.write("<p>" + arr[index] + "</p>");-->
<!--            index ++;-->
<!--        }while(index < arr.length);-->
<!--    </script>-->

<!--JS函数-->
<!--    <script type="text/javascript">-->
<!--        //可以定义无参函数-->
<!--        function func(x,y) {-->
<!--            var z = x+y;-->
<!--            document.write("<p>"+z+"</p>");-->
<!--            return z; // 可以没有返回值-->
<!--        }-->
<!--        var t = func(2,3);-->
<!--        document.write("<p> 按返回值:"+t+"</p>");-->
<!--     </script>-->

</body>
</html>

原文地址:https://www.cnblogs.com/doggod/p/10894818.html

时间: 2024-08-10 20:30:06

JavaScript基础概念与语法的相关文章

js基础--javascript基础概念之语法

掌握一门语言 必须先掌握它的语法! javascript 的语法和C.Java.Perl 的语法有些相似.但是比它们更加宽松. javascript 中的一切都是严格区分大小写的.例如变量: demo 和 Demo 两个变量是完全不同的. javascript 标示符,所谓标示符 是指 变量.函数.属性 的名字或函数的参数.标示符的格式是按照以下规则组合的一个或多个字符. 1.第一个字符必须是字母,下划线,或 $ 符号. 2.其他字符可以是字母.下划线.$ . 或数字. 注意 不能把关键字 保留

js基础--javascript基础概念之语句(二)

js基础--javascript基础概念之语句(二)label,break,continue.. break .  continue 语句. break  continue 语句用于在循环中精确控制代码的执行,其中break语句会立即退出循环,执行循环后面的语句. continue 则退出循环后返回到再次进入循环中. 如: var num = 0; for(var i = 0; i<=100; i++){ if(i >= 10){ break; } num = i; } alert(num);

js基础--javascript基础概念之语句

js基础--javascript基础概念之语句 ECMA-262定义了一组语句(流程控制语句) 语句定义了EMCAScript 语法. 常见的if语句. 语法: if(condition) statement1 else statement2 其中.Condition 可以是任意表达式.而且对这个表达式求值的结果不一定是布尔值.因为script 会自动调用boolean 将值转换为布尔值.如果condition 的值是 true .则执行statement1 语句  否则  执行 stateme

js基础--javascript基础概念之数组(二)

js基础--javascript基础概念之数组 数组栈方法 数组可以像栈一样.栈是一种先进后出的数据结构,最先添加的数据最后一个出来.栈方法添加数据也称为 推入  移除数据称为 弹出. js为数值栈方法提供了 push()   和  pop() ;  两个方法. push() push() 方法接受参数就是你要添加进入到数组的值.push()  方法会将他们逐一添加到数组的末尾  数组的length属性会跟着更新数据. *push(多个数组元素值) 返回的修改后的数组长度 var array =

js基础--javascript基础概念之数组

js基础--javascript基础概念之数组 在ECMAScript 中 ,数组是很常用的数据类型,js中的数组和其他很多语言的数组有明显的区别.js的数组可以保持任何类型的数值,一个数组中可以保存着多个不同类型的数值.js数组大小(长度)是可以调整的.可以随着数据的添加自动增长数组长度. 创建数组: 一.数组字面量 数组字面量由一对包含数组项的方括号[]表示. var array = [ 'kin', 'cheong', 'change', 'hello', 'haha', 'hi' ];

js基础--javascript基础概念之变量与作用域

js基础--javascript基础概念之变量.作用域 javascript按照ECMA-262 的定义,变量与其他语言变量有所不同.js变量时松散的,不需要事先定义变量类型的.这使得他只是一个保存特定值的一个名称.变量与其数据类型可以在脚本的生命周期内改变. 还有明白几点: JavaScript的变量作用域是基于其特有的作用域链的,JavaScript没有块级作用域. 基本类型和引用类型的值 ECMAScript 的变量有两种不同的数据类型:分别是 基本数据类型值 和 引用类型值 : 基本数据

学习笔记(二)JavaScript基本概念(语法,数据类型,控制语句,函数)

一.语法 1.javascirpt中一切(变量,函数名和操作符)是严格区分大小写的. 2.javascript(标识符) 所谓标识符,就是指变量,函数,属性的名字,或者函数的参数. 命名规则:第一个字符必须是一个字母.下划线.美元符号,其它字符可以是字母.下划线.美元符号或数字. 不能把关键字,保留字,true,false和null用作标识符. 3.ECMAScript标识符采用驼峰大小写格式,也就是第一个字母小写,剩下的每个单词的首字母大写.(但是没有谁强制要求这个格式) 4.注释 //单行注

javascript基础加固3—-语法2

2.1 JavaScript 语句 2.1.1 if/else 语句 JavaScript 中的 if/else 判断选择,你会发现,就像 C 语言.语法格式是这样的: if (条件 1) { 当条件 1 为 true 时执行的代码; } else if (条件 2) { 当条件 2 为 true 时执行的代码; } else { 当条件 1 和 条件 2 都不为 true 时执行的代码; } 2.1.2 switch/case 语句 在做大量的选择判断的时候,如果依然使用 if/else 结构

JavaScript基础概念之----作用域

1.在JS中,作用域就是指 执行代码的上下文. 2.有三种类型的作用域: 全局作用域 局部作用域(也称为"函数作用域") eval作用域 3.在全局作用域中定义的变量,从任何地方都可以访问,因为它是作用域链中最高层(最后一个).它的生命周期将跨越整个程序.在JavaScript中没有使用 var 关键字声明的变量都是全局变量. 4.在函数内部使用 var 定义的变量,其作用域是局部作用域,局部作用域 只对该函数的其他表达式是"可见的",包括嵌套/子函数中的代码.函数