JAVA-25.1-js基础篇、基本语法、常用内置对象讲解

一、Javascript入门

1.1 引入
  html:负责网页结构
  css: 负责网页美观
  javascript:负责用户与浏览器交互。
1.2 javacript的来由
  1994时,网景公司研发了livescript语言,领航者浏览器(把livescript语言植入到浏览器)
  微软公司的IE浏览器,后来自己花钱20亿美金研发jscript
  1995年,Sun公司,推出jdk1.1 .谈合作。livescript-》javascript
  1998,美国在线收购网景。
  2003,直接关闭网景。网景6-7亿美金。2千万美金,组建谋智基金(火狐)
  javascript 与jscript 语法不同。 ECMA(欧洲制造商联盟)
    scirpt的语法:
      1)基础语法(ECMA规范)
      2)BOM编程(没有统一)
      3)DOM编程(没有统一)
注意:javascript与java并没有直接联系。

二、 javascript(简称js)基础篇

  首先,应该注意一点:html代码是从上往下依次加载的,所以为了保证代码的安全性以及达到预期的正常使用功能,我们最好将<script>标签放在<body>标签下边,尤其是牵涉到函数调用的时候。当然有时放在前面也无所谓。
2.1 javascript使用
  ①javascript的注释:单行 // 多行 /* */
   css的注释:css 多行注释 /* */
   html的注释:

  ②常用的函数:
    alert(“提示框”);
    document.write(“向浏览器输出内容”);

  ③javascript的使用方法:
    1)内部javacript:
      a)在html页面中使用<script>标签,在<script>标签体中写js内容
      b)弊端:和html代码混杂在一起,不好维护,不好重用

    2)外部javascript(推荐使用)
      注意: 不能使用<script src="01.js"/> 导入,<script>标签是非自闭和标签。
2.2 变量和数据类型
  1)定义和赋值变量: var 变量名=值;

            var a = 10;
            //var a = 20;
            var b = 3.14;
            var c = 'c';
            var d = "hello";
            var e = true;
            var f = new Object();

  注意:
    1)使用var关键词定义变量,var可以省略的,但是不建议省略var
    2) 在js中可以重复定义变量,后面定义的变量会覆盖前面的变量。
    3) js是弱类型语言,使用var来定义任何数据类型
    4)js中变量的类型是由变量的值决定的,所以只定义不赋值的变量,就是一个未赋值变量(undefined),未赋值的变量不能使用

    typeof(变量): 查看变量的数据类型

  2)js的数据类型分类:
    a)number: 无论整数还是小数,都是number类型
    b) string: 无论字符还是字符串,都是string类型
    c) boolean
    d) object 对象类型
2.3 类型转换函数
  string->number(整数) : parserInt(变量)
  string->number(小数): parserFloat(变量)
2.4 运算符
  1)算术运算符: + - * / %
  2)比较运算符: > < >= <= ==
  3)逻辑运算符: && || !
  4)三目运算符: 表达式 ? true的结果 : false的结果
2.5 流程控制语句

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
    /*
    ①if语句
        if(表达式){
            语句  
        }else{
            语句
        }

        条件可以是:
            布尔值:true:成立 ; false:不成立
            number:非0:成立; 0: 不成立
            string: 非空字符串: 成立 ; 空字符串: 不成立
            object: 非null: 成立;  null:不成立
    */
    /*
    if(null){
        alert("条件成立");  
    }else{
        alert("条件不成立");
    }
    */


    /*
    ②swtich语句
        swtich(变量){
        case 选项1:
            语句;
            break;  如果不break,就会继续下面选项的语句    
        case 选项2::
            语句;
            break;
        default:
            默认;
        }

        注意:
            case的条件:
                1)可以是常量. string,number
                2
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值