• Javascript的作用

表单验证，减轻服务器压力

添加页面动画效果

动态更改页面内容

Ajax网络请求（异步加载数据）

—它属于前端的核心，主要用来控制和重新调整DOM，通过修改DOM结构，从而达到修改页面效果的目的。

  • Javascript组成部分

ECMAscript,DOM,BOM

  • ECMscript脚本程序语言

语法 标准：语法，变量和数据类型，运算符，逻辑控制语句，关键字，保留字，对象。

  • Javascript执行原理

①浏览器输入发送请求给-> ②：客户端请求包含JS的页面–>③：从服务器端下载含javascript的页面->返回响应①

  • Jacascript的使用方法

简短缩写方式

<input type="button" value="点击" onclick="javascript:alert('哈哈哈')"/>

HTML页面内嵌javascript代码

<head>

<meta charset="UTF-8">

<title>JS使用方式2，内部JS</title>

<script type="text/javascript">

//声明一个函数

function surprise(){

alert('哇哈哈')

}

</script>

</head>

外部javascript文件

<script src="../../test.js" type="text/javascript" charset="utf-8">

</script>

  • Javascript变量的声明

    • -

先声明变量在赋值

用var width; width=8;

var – 于声明变量的关键字

width – 名变量名

同时声明和赋值变量

var catName=”皮皮”； var x,y,z=8;

不声明直接赋值

width=6;

  • 变量名的命名规则

    • -

使用字母，数字，下划线，$符号这四种方式

数字可以出现在名字当中，但是不能出现在第一个位置

区分大小写

关键字不能作为变量的名称

  • 数据类型

    • -

  undefined  ---未定义

  Null   ---（）null

  boolean  ---布尔值   （true和false）

  number  ---（整型和浮点型

               NaN：非数值（not a number）

               isNaN:用来判断这个值到底是不是NAN

               转换函数

               number():转换任何类型

               parselnt():将字符串转换为 数值

               parseFloat():将字符串转换为数值）

  srting   ---字符串

  object(复杂数据类型)  ---对象或NULL

  function  ---函数
  • 表达式

    • -

  运算符、变量、常量、函数构成的算是

    表达式类型取决于运算结果

运算符

 +、、*、/、%、++、--

赋值运算

 = += -= *= /= %=

关系运算

 ==、！=、>、<、>=、<=

条件运算符（多目运算）

a>b?true:false

位运算符、逻辑运算符

&、|、~ &&、||、！

位移运算符

<<带符号左移、>>带符号右移、>>>无号右移

  • Javascript学习路线：

    • -

 A：js基础部分，如：定义变量、函数、数组、字符串等的处理，内置函数、内置对象等；

 B：js面向过程编程思想，封装出各个函数，试着用这些去做一些常见的小功能，如：选项卡、自定义多选按钮、自定义播放器、3D幻灯片；

 C：js面向对象编程思想，试着去封装一些你自己的对象，提供出有意义的接口出来；

 D：学了上述的内容，然后学常用的库，这里必须学jquery；

 E：学基于jquery之上的常见插件，如：bootstrap，Layer，富文本编辑器等；

 F：综合应用上面的多种库写实际项目的模板，多写几套。
  • Javascript学习推荐书籍

Javascript推荐书籍

《JavaScript DOM编程艺术》

《JavaScript权威指南》

《javaScript DOM高级程序设计》

《JavaScript设计模式》

《锋利的jquery》

Javascript 基础知识整理的更多相关文章

  1. JavaScript基础知识整理

    只整理基础知识中关键技术,旨在系统性的学习和备忘. 1.在 JScript 中 null 和 undefined 的主要区别是 null 的操作象数字 0,而 undefined 的操作象特殊值NaN ...

  2. JavaScript基础知识整理（2）

    15.处理图像 注意:(1)在写js文件时,尽量将函数的声明往后写,将函数调用写在前面,这样能够使代码结构很清晰. (2)一个网页中翻转器一般超过3个,所以使用for循环减少重复使用翻转器代码的次数. ...

  3. JavaScript基础知识整理（1）

    粗略理解,努力入门中 1.在html中引入外部脚本:  <script src="filename.js"></script> 2.注释:  多于一行的长注 ...

  4. JavaScript基础知识整理（1）数组

    第一:创建. 1,var arr= new Array(); //数组为空.长度为0. arr[0]="apple"; arr[1]="orange"; arr ...

  5. javascript基础知识整理（不定时更新）

    1.js中真与假的定义: 真:true,非零数字,非空字符串,非空对象 假:false,数字零,空字符串,空对象(null),undefined 2.使用for循环对json进行循环操作 for(va ...

  6. Kali Linux渗透基础知识整理（二）漏洞扫描

    Kali Linux渗透基础知识整理系列文章回顾 漏洞扫描 网络流量 Nmap Hping3 Nessus whatweb DirBuster joomscan WPScan 网络流量 网络流量就是网 ...

  7. Javascript基础知识总结一

    Javascript基础知识总结一 <!DOCTYPE html> <html> <head lang="en"> <meta chars ...

  8. Kali Linux渗透基础知识整理（四）：维持访问

    Kali Linux渗透基础知识整理系列文章回顾 维持访问 在获得了目标系统的访问权之后,攻击者需要进一步维持这一访问权限.使用木马程序.后门程序和rootkit来达到这一目的.维持访问是一种艺术形式 ...

  9. 学习javascript基础知识系列第二节 - this用法

    通过一段代码学习javascript基础知识系列 第二节 - this用法 this是面向对象语言中的一个重要概念,在JAVA,C#等大型语言中,this固定指向运行时的当前对象.但是在javascr ...

随机推荐

  1. HTML文本格式化标签

    1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 < ...

  2. TurtleBot3 Waffle （tx2版华夫）（13）RC100遥控杆控制

    13.1．遥控器说明 使用ROBOTIS RC100的设置已经在ROS的OpenCR固件中,因此不需要安装必需软件包, 安装号即可使用. 13.2．遥控器的安装 1接线口穿过后壳的过孔. 2接线口连接 ...

  3. Kubernetes官方java客户端之三：外部应用

    欢迎访问我的GitHub https://github.com/zq2599/blog_demos 内容:所有原创文章分类汇总及配套源码,涉及Java.Docker.Kubernetes.DevOPS ...

  4. 第2章 HTML中的JavaScript

    目录 1. script标签 1.1 标签位置 1.2 defer推迟执行脚本 1.3 async异步执行脚本 1.4 动态加载脚本 2. noscript标签 1. script标签 <scr ...

  5. 几幅图，拿下 HTTPS

    我很早之前写过一篇关于 HTTP 和 HTTPS 的文章,但对于 HTTPS 介绍还不够详细,只讲了比较基础的部分,所以这次我们再来深入一下 HTTPS,用实战抓包的方式,带大家再来窥探一次 HTTP ...

  6. Macbook 安装Windows的完美教程

    [原文](http://www.melodydance.top/mac-win.html) 1. 背景 Windows相对于Mac市场占有率更高,对很多人来说Windows使用起来更方便,以至于很多人 ...

  7. 剑指offer 面试题9：用两个栈实现队列

    题目描述 用两个栈来实现一个队列,完成队列的Push和Pop操作. 队列中的元素为int类型. 使用栈实现队列的下列操作:push(x) -- 将一个元素放入队列的尾部.pop() -- 从队列首部移 ...

  8. Docker Java 镜像基础(四)

    基于官方提供的centos 7.2.1511 基础镜像构建JDK 和tomcat 镜像,先构建JDK镜像,然后在基于JDK镜像构建tomcat镜像 构建 centos:latest 基础镜像: # 下 ...

  9. 【Linux】使用 iperf 测试 Linux 服务器带宽

    iperf 简介 iperf 是一个用于测试网络带宽的命令行工具,可以测试服务器的网络吞吐量.目前发现两个很实用的功能: 测试服务器网络吞吐量:如果我们需要知道某台服务器的「最大」网络带宽,那么最好在 ...

  10. 【Linux】Linux下如何分区及如何格式化

    环境:CentOS7.1 磁盘大小是1.8T 将磁盘/dev/sda分一个分区,分区类型为xfs fdisk /dev/sda n    --创建新分区 p  --创建分区类型为主分区 1  --主分 ...