JavaScript

01、JavaScript-基础

2017-04-23  本文已影响194人  EndEvent

每天一句:没有方向感,我们不知道自己走向哪里。没有方向感,我们所有的努力就缺乏一个标准,我们每时每刻所有的努力都处在一种混沌与盲目的状态之中:没有对错、没有进退、没有成败得失。


一、JavaScript起源

JavaScript诞生于1995年,它当时的目的是为了表单输入的验证。因为在JavaScript问世之前,表单的验证都是通过服务器端验证。而当时都是电话拨号上网年代,服务器验证数据是一件非常痛苦的事情。

二、什么是JavaScript

JavaScript是一种具有面向对象能力、解释型的程序设计语言。更具体一点,它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。因为它不需要在语言环境下运行,而只需要支持它的浏览器即可。主要目的是,验证发往服务器端的数据、增加web互动、加强用户体验度等。
【JavaScript与Java,就像是雷锋塔与雷锋,两者之间并没有任何关系】

三、JavaScript历史

四、JavaScript核心

虽然JavaScript和ECMAScript通常被人们用来表达相同的含义,但JavaScript的含义却比ECMA-262中规定的要多得多。一个完整的JavaScript应该由三个不同的部分组成: 核心(ECMAScript)、文档对象模型(DOM)、浏览器对象模型(BOM)。

五、JavaScript的引入

  <script>
    // JS代码
  </script>
<script type="text/javascript" src="test.js" ></script>

注意: 导入外部JS文件的script不要添加JS代码;

注意

六、输出方式

document.write()
document.writeln()
向网页文档中输出
console.log()
向web控制台输出
alert()

七、变量

JavaScript是弱类型脚本语言,使用变量之前可以无需定义;所以JavaScript支持两种方式引入变量。(其他语言例如C语言中,在定义时都会有类型的区分int a; float b;)

        /* 初中数据题目
         * 已知x为20, x + y = 100; 求y的值是多少?
         * 
         * x: 20
         * y: ?
         * x + y = 100
         * 
         * ===> y = 80
         * 
         */
        
        // var是关键字,表示定义变量
        // 定义了一个变量x,变量x的值为20
        var x = 20;
        
        // 定义了一个变量为y,变量y没有值
        var y;
        
        // x + y = 100; --> y = 100 - x
        y = 100 - x;
        
        alert(y);  // 80
    // 定义一个变量a,其值为'hello world'
    a = "hello world";
    b = 10;
  // 声明变量a,数据类型是不确定的
  var a;  
  // 定义一个变量b,其值为'hello world'
  var b = "hello world";
  var c = 3;
  var a,b,c;
  var i=0, j=0, k=0;
  a、变量名必须以字母或下划线“_”或者“$”开头;
  b、变量名长度不能超过255字符;
  c、变量名中不允许使用空格,首字符不能为数字;
  d、变量名区分大小写(备注: JavaScript是区分大小写的语言);

八、基本运算符操作

  10 / 3 = 3 ··· 1 

九、字符串拼接

加号有两种含义,如果都是为number类型时,即是加法操作;如果有一个是为字符串类型,即是字符串拼接;

  var str1 = '中国';
  var str2 = '台湾';
  // 将字符串str1和str2拼接起来
  var str3 = str1 + str2;

十、HTML属性操作

  var num1 = document.getElementById('num1');
  <input id=“bt1” type=“button” value=“按钮”/>
    属性名: id
    属性值: bt1
    (注: 属性名="属性值")
  元素.属性名
  元素.属性名 = 新值
  元素.innerHTML

注意事项:
a、JS中不允许出现‘-’,即将‘-’去除掉,之后将后面小写字母改为大写字母即可;
例如:
font-size —> fontSize
padding-top —> paddingTop
p1.style.fontSize = '10px';
b、JS中class属性要改为className(class是保留字)
例如: 想要改变某个元素的class名,即是p1.className = 'purpleStyle';

十一、案例 — 猜数字游戏

  Math.random(): 得到0~1但不等于1的随机数;
  parseInt(): 取整;
  parseInt( Math.random() );
  if( 条件1 == 条件2 ){     // 符合条件即执行下面代码区域
    // 代码区域
  } else if(条件1 == 条件2){   // 符合条件即执行下面代码区域
    // 代码区域
  } else {  // 都不符合上述要求,即执行下面代码区域
    // 代码区域
  }
上一篇 下一篇

猜你喜欢

热点阅读