JS
关注
分享
扫一扫
真香号
顾真香，前美股上市社交电商商城研发成员、华南某电商独角兽线上商城研发组长，擅长Java技术栈、微服务、MQ，千万用户、高并发电商业务场景解决方案。
展开
-
ECMAScript 常用的对象及方法属性
ECMAScript常用的对象有7个String、Number、Boolean、Math、Date、Array、Regxp。1、String 对象常用的方法及其属性建议查看手册，这里需要注意的为length属性以及match方法charAt()、concat()、indexOf()、lastIndexOf()、match()、replace()、split()、 substr()、su...原创 2019-05-24 12:09:09 · 302 阅读 · 0 评论 -
JavaScript 的历史
Nombas 和 ScriptEase大概在 1992 年，一家称作 Nombas 的公司开发了一种叫做 C 减减（C-minus-minus，简称 Cmm）的嵌入式脚本语言。Cmm 背后的理念很简单：一个足够强大可以替代宏操作（macro）的脚本语言，同时保持与 C （和 C ++）足够的相似性，以便开发人员能很快学会。这个脚本语言捆绑在一个叫做 CEnvi 的共享软件中，它首次向开发人员展...原创 2019-05-23 18:53:07 · 113 阅读 · 0 评论 -
JQuery获取元素的方式
$("#+控件的id")例如：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>JQuery获取元素的方式</title> <script type="text/javascript" src="../../js/jquery-...原创 2019-05-26 23:12:17 · 392 阅读 · 0 评论 -
案例八：实现省市二级联动
描述：实现省市二级联动 技术分析： 确定事件 onchange() 创建一个二维数组(用于存储省份和城市)二维数组的创建？ 获取用户选择的省份(使用this.value作为参数传递); 遍历二维数组(如果用户选择的省份与循环增加到某一个量的值相同，则遍历该省份下面的城市) ...原创 2019-05-25 22:11:45 · 2168 阅读 · 0 评论 -
案例七：使用JS完成全选和全不选
需求：使用JS完成全选和全不选判断选中状态使用：document.getElementById("").chekcked技术分析： 1、确定事件 onclick事件或，编写函数 2、判断编号前面的复选框是否被选中 document.getElementById("").chekcked 3、如果被选中则把下面的行全部置...原创 2019-05-25 22:11:35 · 1379 阅读 · 0 评论 -
案例六：鼠标移动行高亮显示
需求：鼠标移动到当前行，显示亮度背景色变色。首要条件：为table定义一个id 、使用<thead></thead>和<tbody></tbody>将tr区分 * 1、每一行定义一个id * 2、确定事件：鼠标移动到某元素上： onmouserover 鼠标离开某元素：onmouserout 事件定义在行上面...原创 2019-05-25 22:11:24 · 2215 阅读 · 0 评论 -
案例五：实现表格隔行换色
描述：技术分析 1、使用新的标签将表头中的行和表格中的行区分 <thead></thead>和<tbody></tbody> 2、确定事件 onload()。页面一加载便要显示 3、获取元素：获取表格(表格定义id，使用document.getElementById())。最终是为了获取表格中tbody...原创 2019-05-25 22:11:10 · 1587 阅读 · 0 评论 -
案例四：注册表单提交验证的完善
用户提交信息以后对每一个输入框进行验证。并提示<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>注册页面</title> <script> function checkForm() { // alert("a...原创 2019-05-24 22:22:15 · 648 阅读 · 0 评论 -
案例三：广告弹窗的定时弹出与清除
需求：页面加载后几秒钟，显示一个广告弹出框，显示完设置的时间后自动隐藏。 * 第一步：在页面指定位置隐藏一个广告图片(使用display属性中的none) * 第二步：确定时间onload()并绑定一个函数 * 第三步：书写这个函数(设置一个显示图片的定时操作) * 第四步：书写定时器中的函数(将指定位置的隐藏图片的style...原创 2019-05-24 22:15:29 · 1241 阅读 · 0 评论 -
案例二：使用JS事件轮播图
一、手动方式实现图片的轮播。点击按钮切换图片。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>点击按钮实现轮播图</title> <style type="text/css"> div{border: 1px so...原创 2019-05-24 18:50:04 · 402 阅读 · 0 评论 -
案例：使用JS完成表单的静态验证
分析 第一步：确定事件 onfocus 聚焦事件 并为其绑定一个函数 第二步：编写函数(在输入框的后面显示提示信息) 第三步： 确定事件 onblur 离焦事件 并为其绑定一个函数 第四步：获取用户输入内容，对数据进行校验，分别给出提示。<!DOCTYPE html><html> <head> ...原创 2019-05-24 18:43:56 · 654 阅读 · 0 评论 -
JavaScript 事件
事件通常与函数配合使用，这样就可以通过发生的事件来驱动函数执行。事件是基于对 象存在，事件通常可以修饰多种对象。一、为对象添加事件的 2 种方式1、在 HTML 元素中添加对象的事件<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>事件</...原创 2019-05-24 18:01:14 · 155 阅读 · 0 评论 -
JavaScript 文档对象模型 DOM
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gbk"><title>History和Location使用</title></head><body><input type="button" valu...原创 2019-05-24 17:21:37 · 217 阅读 · 0 评论 -
JavaScript 浏览器对象 BOM
DOM Window 代表窗体DOM History 历史记录DOM Location 浏览器导航DOM Navigator 浏览器信息DOM Screen 屏幕重点：window、history、location ，最重要的是 window 对象一、window 对象Window 对象表示浏览器中打开的窗口，如果文档包含框架（frame 或 iframe 标签），...原创 2019-05-24 15:56:39 · 394 阅读 · 0 评论 -
ECMAScript 核心——JavaScript 面向对象编程
Java 是面向对象，写 Java 程序，写类和对象。JavaScript 是基于对象，写 Js，不 用创建类，使用 Js 内部已经定义好的对象。定义JavaScript对象的两种方式方式一：使用已经存在的对象，通过New关键字创建<script>var str=new String("aaa");var o=new object();var d=new Date(...原创 2019-05-24 13:05:37 · 176 阅读 · 0 评论 -
ECMAScript 核心语法——函数
1、函数定义的三种方式注意：第一种常用，第二种使用得越来越多，第三种不常用。<script type="text/javascript">// 方式一function add(a,b){ // 没有返回值，形参不需要声明类型return a+b; // 可以返回}// alert(add(1,2));// 方式二 function 匿名函数， sub成为函数名称...原创 2019-05-24 12:23:58 · 328 阅读 · 0 评论 -
ECMAScript 核心语法
JavaScript是在浏览器内容运行，无需编译、解释执行的动态脚本语言，是一种弱类型的语言，所有的变量使用var 定义。JavaScript的三个组成部分，核心:ECMAScript、DOM:文档对象模型、BOM：浏览器对象模型。一、ECMAScript核心语法1、代码编写位置分为内部JS和外部引入JS(使用src引入)<meta http-equiv="Conten...原创 2019-05-23 23:49:28 · 655 阅读 · 0 评论