• 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. 为了搞清楚类加载，竟然手撸JVM！

    作者:小傅哥 博客:https://bugstack.cn Github:https://github.com/fuzhengwei/CodeGuide/wiki 沉淀.分享.成长,让自己和他人都能有 ...

  2. 今天写了一个SSM小项目，运行之后，前端页面的CSS、js样式显示不出来，具体操作如下：

    因为SSM中我们设置了拦截器,拦截器会拦截CSS和JS,所有样式渲染不出来,在Web.xml中写上 1 <servlet-mapping> 2 <servlet-name>de ...

  3. 技术面试没过，居然是没有用pytest测试框架

    1.引言 我有一个朋友是做Python自动化测试的.前几天他告诉我去参加一个大厂面试被刷了. 我问他是有没有总结被刷下来的原因.他说面试官问了一些 pytest 单元测试框架相关的知识,包括什么插件系 ...

  4. i5 11300H 怎么样 相当于什么水平

    i5-11300H 为 4 核 8 线程,主频 3.1GHz,睿频 4.4GHz,三级缓存 8MBi5-11300H 怎么样看完你就知道了 https://list.jd.com/list.html?

  5. 并发编程--锁--Lock和Synchronized

    说说对于 synchronized 关键字的了解? synchronized关键字解决的是多个线程之间访问资源的同步性: synchronized 关键字可以保证被它修饰的方法或者代码块在任意时刻只能 ...

  6. Label_strange_labels

    空格符号  特殊符号名 注释语句 , align = "left right center" 粗体 斜体 也可能是控制标签 上标 下标 大字号 小字号 下划线 删除线 等宽 键盘输 ...

  7. epoll的陷阱实践

    在使用epoll的时候,我们上篇文章epoll的陷阱大体介绍了epoll中会有哪些问题.这篇文章我们就针对必须要了解,也是绕不过去的陷阱进行实验,看看现象是什么,并且如何编写才能达到我们想要的效果. ...

  8. linux系统修改Swap分区【转】

    在装完Linux系统之后自己去修改Swap分区的大小(两种方法) 在安装完Linux系统后,swap分区太小怎么办,怎么可以扩大Swap分区呢?有两个办法,一个是从新建立swap分区,一个是增加swa ...

  9. oracle 11g 安装与卸载

    安装 点击是,这是位数不一致,但可用. 桌面类――这种安装方式一般适用于台式机和笔记本.它包含一个最小数据库和最低的配置需求. 服务器类――这种安装方式适用于服务器,例如,它会向您提供数据中心和用于支 ...

  10. （数据科学学习手札103）Python+Dash快速web应用开发——页面布局篇

    本文示例代码已上传至我的Github仓库https://github.com/CNFeffery/DataScienceStudyNotes 1 简介 这是我的系列教程Python+Dash快速web ...