• 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. HADOOP单机版配置

    1.需要软件 jdk hadoop 将jdk和hadoop解压到自己想要存放的路径 这里我解压到/usr/目录下 sudo tar -zxvf java1.8.tar.gz -C /usr/ hado ...

  2. Java学习日报7.29

    package student;import java.util.*;public class student { Scanner sc=new Scanner(System.in); private ...

  3. java 深拷贝与浅拷贝机制详解

    概要: 在Java中,拷贝分为深拷贝和浅拷贝两种.java在公共超类Object中实现了一种叫做clone的方法,这种方法clone出来的新对象为浅拷贝,而通过自己定义的clone方法为深拷贝. (一 ...

  4. Linux设置系统时区

    https://www.xlsys.cn/1741.html 如果你的 Linux 系统时区配置不正确,必需要手动调整到正确的当地时区.NTP 对时间的同步处理只计算当地时间与 UTC 时间的偏移量, ...

  5. WPF DataGrid与ListView性能对比与场景选择

    开门见山的说 性能对比: 在Demo中,DataGrid与ListView默认开启虚拟化(可以理解为动态渲染,类似懒加载只渲染屏幕可以看见的地方) DataGrid渲染10列50行随机字符280ms ...

  6. 【Java基础】Java10 新特性

    Java10 新特性 局部变量类型推断 局部变量的显示类型声明,常常被认为是不必须的. 场景一:类实例化时.在声明一个变量时,总是习惯了敲打两次变量类型,第一次用于声明变量类型,第二次用于构造器. 场 ...

  7. Hdfs手动执行Balance

    问题发现: 经巡检,服务器中一台节点的hadoop磁盘占用过多,是其它节点的三倍,导致数据严重不均衡. 解决过程: 两种命令: hadoop的bin目录下,运行命令start-balancer.sh ...

  8. 改进你的c#代码的5个技巧(四)

    像每一篇文章一样,我会重复几行.我在我的Core i3 CPU.4GB主内存和Windows 7平台上测试了以下代码.如果你在不同的硬件配置或使用不同的平台,那么你的输出可能会随着我的输出屏幕而变化, ...

  9. ORA-32004解决办法

    ORA-32004 解释是: 产生问题的原因是一个过时的参数,这个参数是早在8i,9i中使用的,在11g中已经废掉了 这个参数就是pfile中的*.sql_trace 用spfile 生成一个pfil ...

  10. dd命令的详细介绍

    1.命令简介  dd 的主要选项: 指定数字的地方若以下列字符结尾乘以相应的数字: b=512, c=1, k=1024, w=2, xm=number m if=file #输入文件名,缺省为标准输 ...