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. 【JAVAWEB学习笔记】21_多条件查询、attr和prop的区别和分页的实现

    今天主要学习了数据库的多条件查询.attr和prop的区别和分页的实现 一.实现多条件查询 public List<Product> findProductListByCondition( ...

  2. 张小龙的野心:用小程序重构web|小程序好处及可能的不足

    一:张小龙的野心:用小程序重构web 一 很多年以前,张小龙写了一款软件:Foxmail. 这款软件当年有数百万用户,这是一个相当庞大的量,因为彼时网民也只有千万当量级的规模. 我是一个非常忠实的用户 ...

  3. STM32串口控制步进电机(原创)

    用的42步进电机: 厂家可能不一样,两项四线步进电机,里面有两个线圈.在电机什么电都没有接的情况下,用万用表测量四个管脚:两两短接(或者阻值很小)的为一组,可以分别接A+,a-剩余接B+,B-;顺序可 ...

  4. 3.Java 加解密技术系列之 SHA

    Java 加解密技术系列之 SHA 序 背景 正文 SHA-1 与 MD5 的比较 代码实现 结束语 序 上一篇文章中介绍了基本的单向加密算法 — — MD5,也大致的说了说它实现的原理.这篇文章继续 ...

  5. javaWeb学习总结(10)- EL表达式

    一.EL表达式简介 EL 全名为Expression Language.EL主要作用: 1.获取数据 EL表达式主要用于替换JSP页面中的脚本表达式,以从各种类型的web域 中检索java对象.获取数 ...

  6. Javascript & JQuery读书笔记

    Hi All, 分享一下我学JS & JQuery的读书笔记: JS的3个不足:复杂的文档对象模型(DOM),不一致的浏览器的实现和便捷的开发,调试工具的缺乏. Jquery的选择器 a. 基 ...

  7. java中为什么实体类需要实现序列化

    当客户端访问某个能开启会话功能的资源,web服务器就会创建一个HTTPSession对象,每个HTTPSession对象都会占用一定的内存,如果在同一个时间段内访问的用户太多,就会消耗大量的服务器内存 ...

  8. centos7下,解决Apache错误日志文件过大问题

    1,日志文件太大问题   第一步:停止Apache服务的所有进程,删除 /var/log/httpd目录下的 error.log.access.log文件 第二步:打开 /etc/httpd/conf ...

  9. iOS 开发之 protocol Buffer 数据交换

    前言: 从 14 年公司做项目时开始接触 Google 的 protocol Buffer,用了一段时间,后来到新公司就没有机会再使用了,趁着还没完全忘记,记录下. 简介:protocolbuffer ...

  10. 利用Dockerfile构建mysql镜像并实现数据的初始化及权限设置

    本文提要 本文目的不仅仅是创建一个MySQL的镜像,而是在其基础上再实现启动过程中自动导入数据及数据库用户的权限设置,并且在新创建出来的容器里自动启动MySQL服务接受外部连接,主要是通过Docker ...