学习了一些最基础的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 = ;-->

<!--        x =  + ;-->

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

<!--        }-->

<!--        var name = person.firstname;-->

<!--        console.log(name);-->

<!--    </script>-->

<!--JS数组-->

<!--    <script type="text/javascript">-->

<!--        var course = ["chinese","math","english"];-->

<!--        var vec = new Array(); //定义空的数组-->

<!--        course[] = "BBQ";-->

<!--        console.log(course[]);-->

<!--        console.log(course[]);-->

<!--    </script>-->

<!--JS用typeof查看类型-->

<!--    <script type="text/javascript">-->

<!--        var name = "zhangsan";-->

<!--        var age = ;-->

<!--        var bool = true;-->

<!--        var arr = [,,,];-->

<!--        var dict = {-->

<!--            name:"zhangsan",-->

<!--            age:-->

<!--        }-->

<!--        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=;i<;i++){-->

<!--            document.write("<p>"+i+"</p>");-->

<!--        }-->

<!--        var arr = [,,,];-->

<!--        // i 遍历的是下标而不是元素-->

<!--        for(i in arr){-->

<!--            document.write("<p>" + arr[i] + "</p>")-->

<!--        }-->

<!--    </script>-->

<!--JS,while语句-->

<!--    <script type="text/javascript">-->

<!--        var arr = [,,,];-->

<!--        var index = ;-->

<!--        while(index < arr.length){-->

<!--            document.write("<p>" + arr[index] + "</p>");-->

<!--            index ++;-->

<!--        }-->

<!--        index = ;-->

<!--        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(,);-->

<!--        document.write("<p> 按返回值:"+t+"</p>");-->

<!--     </script>-->

</body>

</html>

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

  1. JavaScript基础(一)之语法、变量、数据类型

    1.JavaScript语法 ①区分大小写 ②弱类型变量 ③每行结尾分号可有可无 ④括号用于代码块 ⑤注释有两种方式(单行和多行注释) 2.JavaScrip变量 ①用Var声明,不要初始化 ②可以在 ...

  2. vue的基础概念和语法01

    vue的特点和web开发中的常见高级功能 解耦视图和数据 可复用的组件 前端路由技术 状态管理 虚拟DOM 数据响应式 不是所有元素操作都Vue都会监听并实现数据响应式 //push方法:追加 thi ...

  3. JavaScript基础概念

    1.JavaScript在浏览器中是解释执行的: 2.JavaScript是一中弱类型的语言,在使用变量前,可以不用先申明: 3.JavaScript使用了对象对象程序设计思想: 4.JavaScri ...

  4. JavaScript基础知识----基本语法

    JavaScript 语句 JavaScript 语句向浏览器发出的命令.语句的作用是告诉浏览器该做什么. 分号 ; 分号用于分隔 JavaScript 语句. 通常我们在每条可执行的语句结尾添加分号 ...

  5. java学习（二）基础概念、语法

    对象 类的实例(通俗点讲,new出来的玩意好像都是对象?初学者的感觉,不造对错啊,有大神给我解释下可以啊) 类 class嘛,模板嘛,可以给对象实例的嘛 方法 行为,学编程的,方法,这玩意心里都懂吧, ...

  6. javaScript基础--概念以及使用

    1.什么javascript? 为什么要学习? 处理网站动态特效 为后期课程打基础 什么是javascript? 是一个客户端的具有安全性的脚本语言. js和h5 的关系 :  都是向静态的元素动起来 ...

  7. 容易混淆的JavaScript基础知识之语法部分

    type 属性: 默认的 type 就是 javascript, 所以不必显式指定 type 为 javascript javascript 不强制在每个语句结尾加 “:” , javascript ...

  8. javaScript基础概念小知识点集

    数据类型 typeof是一个操作符而不是函数,因此例子中圆括号尽管可以使用,但不是必须的. 只要在保存对象的变量还没有真正保存对象,就应该明确的让该变量保存null NaN是一个特殊的数值,与任何值都 ...

  9. XML的基础之一(概念和语法)

    XML的基础(概念和语法) xml html 概念 异同  XML全称为extensible markup language,即可扩展标记语言,简单理解为可预定义标签的编程语言.它与HTML(超文本标 ...

随机推荐

  1. shell脚本安装python、pip--交互式的

    首先把pip-.tgz 安装包放在 /usr/local 下面,按照顺序先安装pip,再安装python.不要先安装或只安装python,否则很容易出错, [root@bogon ~]# cat pi ...

  2. galera集群启动异常问题

    WSREP: failed to open gcomm backend connection: 131: invalid UUID 进入该数据库节点/var/lib/mysql/目录,将文件gvwst ...

  3. 删除Excel表格中一堆英文中的汉字

    昨天需要处理一个Excel文件,删除一堆英文里的汉字,开始搜了下方法,没找到,然后手动一个多小时,弄了一半吧也就,结果电脑卡了,忘了保存,就白做了...不知道为啥这次没有自动保存,所以,重要的事说三遍 ...

  4. CF1210A Anadi and Domino

    思路: 很有意思的思维题. 实现: #include <bits/stdc++.h> using namespace std; int check(vector<int>&am ...

  5. 安卓计数器类APP推荐

    1. Thing Counter - Google Play 上的应用 可添加多个计数器,同一页面展示,一行一个,操作直观方便: 可以更改计数器颜色,使页面更美观. 每个计数器有详情和历史记录 详情: ...

  6. Redis HashMap 使用

    散列类型相当于Java中的HashMap,他的值是一个字典,保存很多key,value对,每对key,value的值个键都是字符串类型,换句话说,散列类型不能嵌套其他数据类型.一个散列类型键最多可以包 ...

  7. idea多级目录与单级目录切换

  8. uwp,c#,全屏播放保持屏幕响应

    在开发视频app的时候,全屏播放一段时间内没有电脑操作,电脑会自动进入睡眠模式,这时就要多写些代码来保持响应了. (这里使用的是MediaElement播放控件,MediaElement需要手动添加代 ...

  9. [转帖]新手必读，16个概念入门 Kubernetes

    新手必读,16个概念入门 Kubernetes https://www.kubernetes.org.cn/5906.html 2019-09-29 22:13 中文社区 分类:Kubernetes教 ...

  10. [转帖]2018年SaaS行业收入结构及未来发展预测[图]

    2018年SaaS行业收入结构及未来发展预测[图] http://www.chyxx.com/industry/201908/774792.html 2019年08月23日 14:34:47字号:T| ...