zoukankan      html  css  js  c++  java
  • javascript学习笔记

    之前在Javaweb中的学习中曾经引用过JavaScript文件,但只知道调用,并不了解JavaScript的原理,所以出错后一头雾水,经过简单学习后,总算对JavaScript有了个简单的了解。其实JavaScript还是比较简单的。

    简介:JavaScript和Java是两种不同的语言,JavaScript的前身是LiveScript,后来随着Java的兴起改名为JavaScript。JavaScript 是一种轻量级的编程语言,也就是俗称的脚本。
    用法:内部插入<script>标签或引用外部js文件。在JavaScript中所有事物都是对象。JavaScript是弱类型。

    1、数据输出

    (1)使用 window.alert() 弹出警告框

      (2)使用 document.write() 方法将内容写到 HTML 文档中

      (3)使用 innerHTML 写入到 HTML 元素

      (4)使用 console.log() 写入到浏览器的控制台。

    2、语法

    用关键字 var 来定义变量, 使用等号来为变量赋值

      变量必须以字母开头

      变量也能以 $ 和 _ 符号开头(不过不推荐这么做)

      变量名称对大小写敏感(y 和 Y 是不同的变量)

    注意:JavaScript 对大小写是敏感的。当编写 JavaScript 语句时,请留意是否关闭大小写切换键。

    数字(Number)字面量 可以是整数或者是小数,或者是科学计数(e)。如3.14,100,123e5

    字符串(String)字面量 可以使用单引号或双引号:"Jason",'Jason'

    算术运算符+ - * /    % ++  --   注意:16 + "Volvo"(数字+字符串会报错)

    布尔(逻辑)只能有两个值:true 或 false。

    数组(Array)字面量 

    var array=new Array();
    array[0]="Saab";
    array[1]="Volvo";
    array2]="BMW";

    var array=new Array("Saab","Volvo","BMW");

    var cars=["Saab","Volvo","BMW"];

    对象(Object)字面量 定义一个对象:对象也是一个变量,但对象可以包含多个值(多个变量),对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔,变量的值设置为 null 可清空变量。

    var person={
    firstname : "John",
    lastname  : "Doe",
    id        :  5566
    };

    函数(Function)字面量 定义一个函数:function myFunction(a, b) { return a * b;}

    注释://单行注释    /* XXX */多行注释

    作用域:局部变量和全局变量

    <script>

    var x;    //全局变量

    function myFunction() { 

    var name = "Volvo"// 局部变量

     }

    </script>

    3、事件:事件可以是浏览器行为,也可以是用户行为。通常,当事件发生时,你可以做些事情。也就是在事件触发时 JavaScript 可以执行一些代码。

    <button onclick="this.innerHTML=Date()">现在的时间是?</button>//点击事件

    4、正则表达式

    在 JavaScript 中,RegExp 对象是一个预定义了属性和方法的正则表达式对象。

    test() 方法是一个正则表达式方法。

    test() 方法用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回 true,否则返回 false。

    var patt = /e/;
    patt.test("The best things in life are free!");

    字符串中含有 "e",所以该实例输出为:

    true
    简单小练习:九九乘法表
     
  • 相关阅读:
    001-分布式理论-CAP定理
    006-优化web请求二-应用缓存、异步调用【Future、ListenableFuture、CompletableFuture】、ETag、WebSocket【SockJS、Stomp】
    003-RFC关于媒体类型说明
    005-优化web请求一-gzip压缩、http缓存控制和缓存校验[Pragma、Expires、Cache-Control、max-age、Last-Modified、用户刷新访问、避免过度304]
    004-restful应用构建、分布式会话、测试工具简介
    003-JSR303校验
    【Java】Callable,Runnable比较及用法
    Ubuntu下迁移MySQL数据库文件目录
    解决linux分区提示doesn't contain a valid partition table
    腾讯云Ubuntu挂载硬盘空间
  • 原文地址:https://www.cnblogs.com/weixiao1717/p/12356439.html
Copyright © 2011-2022 走看看