Javascript

作用:可以对表单数据进行校验,可以对页面实现一些动态效果

定义: JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。
它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,
最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
后来出现了node.js.

js的入门:hello world

js引入方式:
1.方式一
通过script标签引入 alert():打印
2.方式二
通过script标签引入,src属性 运入一个外部的js文件.

注意:如果你使用了script标签的src属性,那么再去i标签体内的js代码不起作用了.

语法:
1.ECMAScript语法规范
livescript
2.BOM浏览器对象模型

3.DOM文档对象模型

1.变量定义
var i=1;
var m;
js中也有注释一说:
单行注释//
多行注释/**/
语句结束分号结尾 可以不写,建议写上
2.数据类型
原始类型:
Undefined:变量初始值 如果函数没有返回值 你却接收了
String:用""引起来
Number:数值
Boolean: turn | false
Null:null 一个对象的占位符
typeof运算符 它会判断当前变量的数据类型 如果它是原始类型,会返回数据类型的类型值(小写)
如果不是返回一个object
引用类型: new 对象();
3.控制语句
跟java基本一致
if for
4.运算符
跟java基本一致
关系运算符
> >= < <=
1.比较双方如果都是number类型 跟java一致
2.比较双方都是普通字符串 它会比较两者的ascci码
3.比较双方 一方是number 一方是可以转换成number类型,隐式转换再比较
4.比较双方 一方是number 一方是不可转换字符串 直接返回false

5.函数的定义
方式一:function 函数名(参数列表){
js代码块
}
方式二: 匿名函数
var f=function(参数列表){

}
注意: 调用函数
函数名(参数列表);
参数声明过程 参数列表不写类型
如果你想要返回值,值需要在函数结束用return关键字,返回结果即可!

6,事件
表单提交事件
事件名: 单机事件 onclick
页面加载成功事件 onload
事件绑定
方式一
通过标签的事件属性来绑定
方式二
派发机制

var obj=document.getElementById("属性ID的值");
元素.事件名=function(){ }
定时器:
方式一:
setInterval(函数名,周期性的间隔的毫秒值);
方式二:
setInterval("函数名()",周期性的间隔的毫秒值);
方式三:
setInterval(function(){
js代码块

},周期性的间隔的毫秒值);

定时器:两种定时器
定时器定义的函数会有一个返回值 返回值就是它的id
1.周期性定时器
var intervalId = setInterval(函数名,周期性的间隔毫秒值)
2.一次性定时器
var timeoutId = setTimeoutId(函数名,延迟的毫秒值);

清除定时器 :
1.清除周期性定时器
clearInterval(周期性定时器的id);
2.清除一次性定时器
clearTimeoout(一次性定时器的id);

BOM 浏览器对象模型
window:
//如果获取的是window属性或者方法 window可以不写

常用属性:
用它获取其他几个常用属性
var history=window.history;
history===window.history
常用方法:
弹出框类:
alert("信息");//弹出警告框
confirm("你确认删除吗?");//弹出一个确认框
prompt("输入信息的提示信息",默认值);//弹出一个输入框 如果你确定
返回你输入的值,如果取消 null
定时器:
打开和关闭: open(url); close();

History:
forward:前进一个页面
back:后退一个页面
go(1); 1:前进一个页面 -1:后退一个页面

Location: href:设置值,跳转

我的学习之路_第二十五_javaScript的更多相关文章

  1. 我的学习之路_第二十八章_JQuery 和validator插件

    jQuery 利用jQuery进行遍历 js原生: for(var i=0;i>?;i++){ } jQuery: 方式一: 想要遍历的jQuery对象.each(function(index, ...

  2. 我的学习之路_第二十九章_bootstrap

    bootstrap 内置了html,css,js插件为一体的前端框架 响应式布局: 设计一套页面就可以使用于很多现实设备 bootstrap: 1.入门(响应式布局的容器) 1.先进入jQuery的j ...

  3. 我的学习之路_第二十三章_HTML

    Html : 超级文本语言 ( Hyper text Markup Language ) HTML 文件扩展名是 * .html HTML 结构都是有标签组成 通常情况下标签有开始标签和结束标签组成 ...

  4. 我的学习之路_第二十章_JDBC

    JDBC 使用JDBC技术,通过mysql提供的驱动程序,操作数据库 ● 1. 注册驱动 告知jvm 使用的是什么驱动程序(mysql,oracle) 使用API中的类 DriverManager中的 ...

  5. 我的学习之路_第二十一章_JDBC连接池

    JDBC连接池和DButils [DBCP连接池工具类] 使用读取配置文件的方式 DBCP中有一个工厂类 BasicDataSourceFactory 工厂类中有一个静态方法 返回值为: DataSo ...

  6. 我的学习之路_第二十七章_jQuery

    jQueryjs类库 把常用对象或者方法封装起来,让我们写代码效率更高 1.jQuery 2.extjs [jQuery入门] jQuery的引入: 通过script标签的src属性引入 入门: 获取 ...

  7. Kubernetes学习之路(二十五)之Helm程序包管理器

    目录 1.Helm的概念和架构 2.部署Helm (1)下载helm (2)部署Tiller 3.helm的使用 4.chart 目录结构 5.chart模板 6.定制安装MySQL chart (1 ...

  8. Hadoop学习之路(二十五)MapReduce的API使用(二)

    学生成绩---增强版 数据信息 computer,huangxiaoming,85,86,41,75,93,42,85 computer,xuzheng,54,52,86,91,42 computer ...

  9. Python之路【第二十五篇】:数据库之pymysql模块

    数据库进阶 一.pymysql模块 pymysql是Python中操作Mysql的模块,其使用的方法和py2的MySQLdb几乎相同. 二.pymysql模块安装 pip install pymysq ...

随机推荐

  1. linux下安装一款笔记软件(为知笔记)

    今天突然想在ubuntu上安装一款跨平台(windows.linux.android)的笔记软件来做日常记录.文章记录以及网页收藏.原先并没有使用过类似的软件,只是见身边的很多人在使用印象笔记来做记录 ...

  2. 基于java的正则表达式

    正则表达式概念 正则表达式,又称正规表示法.常规表示法(英语:Regular Expression,在代码中常简写为regex.regexp或RE),计算机科学的一个概念.正则表达式使用单个字符串来描 ...

  3. springMvc注解之@ResponseBody和@RequestBody

    简介 springmvc对json的前后台传输做了很好封装,避免了重复编码的过程,下面来看看常用的@ResponseBody和@RequestBody注解 添加依赖 springmvc对json的处理 ...

  4. java swing 添加 jcheckbox复选框

    总体上而言,Java Swing编程有两大特点:麻烦.效果差. 麻烦是说由于设计器的使用不方便(如果您希望使用窗体设计器通过快速拖拽控件建立您的Java Swing GUI程序,请您使用MyEclip ...

  5. 012一对一 唯一外键关联映射_双向(one-to-one)

    ²  两个对象之间是一对一的关系,如Person-IdCard(人—身份证号) ²  有两种策略可以实现一对一的关联映射 主键关联:即让两个对象具有相同的主键值,以表明它们之间的一一对应的关系:数据库 ...

  6. 开涛spring3(7.5) - 对JDBC的支持 之 7.5 集成Spring JDBC及最佳实践

    7.5 集成Spring JDBC及最佳实践 大多数情况下Spring JDBC都是与IOC容器一起使用.通过配置方式使用Spring JDBC. 而且大部分时间都是使用JdbcTemplate类(或 ...

  7. 二识angularJS

    前言:记得三月份时下定决心说每天要更新一篇博客,学习点新东西,实践下来发现太不现实,生活中的事情很多,再喜欢也不能让它一件占据生活的全部吧,所以呢,以后顺其自然吧.之前有一篇'初识angular'因为 ...

  8. kairosdb + cassandra Setup

    安装cassandra 下载 cassandra cassandra download mirror wget http://mirror.bit.edu.cn/apache/cassandra/2. ...

  9. Lock(一)认识v$LOCK

    v$lock列出了数据库当前拥有的锁及未完成的锁请求. Column Description ADDR 被锁对象的地址 KADDR 锁的地址 SID session id(这里特指正在锁定对象或请求去 ...

  10. JVM-2.Class文件结构

    1.Class文件 (1)无关性:除了平台无关性,JVM还支持语言无关性:目前Clojure.Groovy.JRuby.Jyphon.Scala等语言可以在JVM上运行.实现语言无关性的原理仍然是字节 ...