zoukankan      html  css  js  c++  java
  • web前端学习(四)JavaScript学习笔记部分(1)-- JavaScript基础教程

    1、JavaScript基础教程

    1.1、Javascript基础-介绍、实现、输出

    1.1.1、JavaScript是互联网上最流行的脚本语言,这门语言可用于web和HTML,更可广泛用于服务端、pc端、移动端。

    1.1.2、JavaScript脚本语言

      JavaScript是一种轻量级的编程语言

      JavaScript是可插入HTML页面的变成代码

      JavaScript插入HTML页面后,可由所有的浏览器执行

    1.1.3、JS用法:

      HTML中的脚本必须位于<script></script>标签之中

      脚本可被放置在HTML页面的<body><head>部分中

    1.1.4、JS标签:

      在HTML中插入JavaScript,使用<script>标签

      在<script></script>之间书写代码

    1.1.5、JavaScript使用限制

      在HTML中,不限制脚本数量

      通常会把脚本置于<head>标签中,以不干扰页面内容。

    1.1.6、JavaScript输出

      JavaScript通常用来操作HTML

      文档输出:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
        <title>Title</title>
        <script src="test.js"></script>
        <script>
            document.write("JS在上面的一句话");
        </script>
    </head>
    <body>
        <p id="pid">hello</p>
        <div>
            div1
        </div>
        <script>
            document.write("JS在中间的一句话");
            document.getElementById("pid").innerText = "jikexueyuan";
        </script>
    </body>
    </html>

    1.2、Javascript基础-语法和注释

    1.2.1、分号:

       注意:分号是可选项,有时候可以看到不以分号隔开的。

    1.2.2、执行顺序:

      按照编写顺序依次执行

    1.2.3、标识符:

      JavaScript标识符必须以字母、下划线或美元符号开始

      JavaScript关键字

    1.2.4、JavaScript对大小写敏感

    1.2.5、JavaScript会忽略掉多余的空格

    1.2.6、保留字

      

    1.2.7、注释和C++注释方法一样

      //、/**/

    1.3、Javascript基础-变量和数据类型

    1.3.1、变量是用来储存信息的容器

    1.3.2、JavaScript数据类型

      字符串(string)

      数字(Number)

      布尔(Boolean)true、false

      数组(Array)

      对象(Object)

      空(null)

      未定义

      可以通过赋值为null的方式来清除变量

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <script>
        var i = 10;
        var j = 10;
        var k = i + j;
        document.write(k);
        /*这里的k是20*/
    </script>
    
    <script>
        var arr = ["hello","jike","xueyuan","women"];
        var arr2 = new Array("hello","jike","xueyuan","women");
        document.write("<br/>"+arr+"<br/>");
        /*输出arr数组内全部的变量*/
        document.write(arr2+"<br/>");
    
        // var arr3[4] = ["hello","jike","xueyuan","women"];
        /*上面这句代码有问题,说明不能用var定义固定长度的数组*/
        // document.write(arr3[3]+"<br/>");
    
        var n = null;
        document.write(n);
        /*上面这一句不是什么都不输出,会写一个null字符串*/
    
        arr = null
        document.write(arr);
    
    </script>
    
    </body>
    </html>
  • 相关阅读:
    10个用jQuery实现图片幻灯片/画廊效果和源码
    老赵面试题参考答案(二)
    C#的显式接口和隐式接口
    老赵面试题参考答案(三)
    C#中的参数传递:值类型(value type)和引用类型(reference type)
    word转换成html的方法
    老赵面试题参考答案(四)
    五个Metro UI 风格的网页设计
    老赵面试题参考答案(六)
    概要设计怎么写?
  • 原文地址:https://www.cnblogs.com/foreverlin/p/10063672.html
Copyright © 2011-2022 走看看