网页编程三剑客之JS

简介: JavaScript基础部分介绍(简洁明了)

JavaScript

1、概念

一种直译式的脚本语言,是一种动态类型、弱类型、基于原型的语言

2、作用

实现页面动态效果
表单的校验
背景图片的更换
操作节点信息

3、组成

ECMA+DOM+BOM

ECMAScript:JavaScript的核心
文档对象模型(DOM):是 HTML 和 XML 的应用程序接口(API)。DOM 将把整个页面规划成由点层级构成的文档 。
浏览器对象模型(BOM):对浏览器窗口进行访问和操作

4、特点

脚本语言
基于对象
事件驱动
简单性
安全性
跨平台性

JS中的变量

测试代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Js变量</title>
    </head>
    
    <script>
    /*Js:弱类型语言  不需声明变量类型 */
        var a=-1;
        var b="2";
        var c="你好";
        var d=true;
        var e=new Date();
        var f=1.32
        
        alert(a);
    </script>
    <body>
    </body>
</html>
注:
A、js中的变量的名称和java中标识符的命名 保持一致
B、js中变量名称是可重复的,但后者的名称会把前者的名称值 覆盖
C、js中末尾即使没有分号结束也是可以的,但是不推荐这样书写。

JS中的数据类型

number(数字类型的数据)
string(字符串类型)
boolean(布尔数据类型)
object(对象类型)
undefined(未定义)
NaN(不是一个数字) not a number
null(空对象)

测试代码:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>变量类型</title>
        
        <script>
            var a=1;//number
            var b=1.2;//number
            var c='您';//string
            var d="我们";//string
            var e=true;//boolean
            var f=new Date();//object
            alert(typeof f);
            
            var aa;//undefined
            var bb="123a";//string
            alert(Number(bb));//NaN
            var cc=null;
            var  dd="";
            alert(typeof cc);//null
            alert(typeof dd);//string
        </script>
    </head>
    <body>
    </body>
</html>

JS中的运算符

算数运算符


+  -  *  /  %   ++   --

逻辑运算符


&   |   !   &&   ||   ^   <   >   <=  >=   !=

连接符(+)

不同类型作为连接,比如string类型和number之间的“+”

运算符(+)

实现number类型数据的加法运算

等值符

==,等值符:先比较类型 如果类型一致,在比较内容 如果类型不一致,
这时候会进行强制转换统一转number类型,然后再进行内容的比较

等同符

====,等同符:先比较类型 如果类型一致,在比较内容
                           如果类型不一致 直接返回false;

测试代码:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>    
        <script>
            var a=10;
            var b=12.2;
            //alert(a+b);//22.2
            
            var c="123";
            //alert(a+c);//10123
            //alert(a+c+b);//+:相同类型作加号,不同类型作连接符,类似Java
            
             var  f1=true;// 1
            var  f2="true";// NAN
            var  f3=1;//1
            var  f4="1";//1

            alert(f1==f2);//F
            alert(f1==f3);//T
            alert(f1==f4);//T
            alert(f2==f3);//F
            alert(f2==f4);//F
            alert(f3==f4);//T
            
            
            alert(f1===f2);//F
            alert(f1===f3);//F
            alert(f1===f4);//F
            alert(f2===f3);//F
            alert(f2===f4);//F
            alert(f3===f4);//F
            
        </script>
    </head>
    <body>
    </body>
</html>

JS中的控制语句

包括 if、if...else....、if... elseif ...else...、for循环、while、do...while、switch语句
使用方法同java
相关文章
|
1月前
|
前端开发 JavaScript 开发者
探索JavaScript ES6的八种常见使用技巧:开启现代编程之旅
探索JavaScript ES6的八种常见使用技巧:开启现代编程之旅
|
1月前
|
JavaScript 前端开发 开发者
编程笔记 html5&css&js 071 JavaScript Symbol 数据类型
编程笔记 html5&css&js 071 JavaScript Symbol 数据类型
|
1月前
|
存储 JavaScript 编译器
这款国产中文编程火了!通过文言文编译生成Python、JS、Ruby代码!
这款国产中文编程火了!通过文言文编译生成Python、JS、Ruby代码!
|
1月前
|
JavaScript 前端开发
编程笔记 html5&css&js 079 JavaScript 循环语句
编程笔记 html5&css&js 079 JavaScript 循环语句
|
1月前
|
JavaScript 前端开发 开发者
编程笔记 html5&css&js 078 JavaScript 条件判断语句
条件判断语句是首先要接触的语句。通过条件判断来执行不同的代码块。
|
1月前
|
JavaScript 前端开发 编译器
编程笔记 html5&css&js 077 Javascript 关键字
编程笔记 html5&css&js 077 Javascript 关键字
|
1月前
|
JavaScript 前端开发
编程笔记 html5&css&js 076 Javascript 表达式
编程笔记 html5&css&js 076 Javascript 表达式
|
1月前
|
存储 JavaScript 前端开发
编程笔记 html5&css&js 075 Javascript 常量和变量
编程笔记 html5&css&js 075 Javascript 常量和变量
|
1月前
|
JavaScript 前端开发 程序员
编程笔记 html5&css&js 074 Javascript 运算符
编程笔记 html5&css&js 074 Javascript 运算符
|
1月前
|
JavaScript 前端开发 Java
编程笔记 html5&css&js 073 JavaScript Object数据类型
编程笔记 html5&css&js 073 JavaScript Object数据类型