JavaScript
Stan_Ray
这个作者很懒,什么都没留下…
展开
-
JavaScript(三)_事件&简单灯泡电亮案例
## 事件简单学习 * 功能: 某些组件被执行了某些操作后,触发某些代码的执行。 * 造句: xxx被xxx,我就xxx * 我方水晶被摧毁后,我就责备对友。 * 敌方水晶被摧毁后,我就夸奖自己。 * 如何绑定事件 1. 直接在html标签上,指定事件的属性(操作),属性值就是js代码 ...原创 2019-08-15 16:37:57 · 588 阅读 · 0 评论 -
JavaScript(四)_BOM
# BOM: 1. 概念:Browser Object Model 浏览器对象模型 * 将浏览器的各个组成部分封装成对象。 2. 组成: * Window:窗口对象 * Navigator:浏览器对象 * Screen:显示器屏幕对象 * History:历史记录对象 * Locati...原创 2019-08-12 16:45:19 · 84 阅读 · 0 评论 -
JavaScript(七)_DOM
## DOM: * 概念: Document Object Model 文档对象模型 * 将标记语言文档的各个组成部分,封装为对象。可以使用这些对象,对标记语言文档进行CRUD的动态操作 * W3C DOM 标准被分为 3 个不同的部分: * 核心 DOM - 针对任何结构化文档的标准模型 * Document:文档对象...原创 2019-08-12 16:44:03 · 79 阅读 · 0 评论 -
JavaScript(二)_ECMAScript
* ECMAScript:客户端脚本语言的标准 1. 基本语法: 1. 与html结合方式 1. 内部JS: * 定义<script>,标签体内容就是js代码 2. 外部JS: * 定义<scrip...原创 2019-08-12 16:38:31 · 160 阅读 · 0 评论 -
JavaScript(一)_简介&发展史
## JavaScript: * 概念: 一门客户端脚本语言 * 运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎 * 脚本语言:不需要编译,直接就可以被浏览器解析执行了 * 功能: * 可以来增强用户和html页面的交互过程,可以来控制html元素,让页面有一些动态的效果,增强用户的体验。 ...原创 2019-08-12 16:34:14 · 617 阅读 · 0 评论 -
JavaScript(十)_DOM&BOM_对之前HTML写的注册页面添加表单验证逻辑
需求:1.页面样式如下图:2. 用户名6-12位英文和数字的组合,密码6-12位英文和数字的组合,电子邮件 ***@***.com格式,手机号码11位数字,验证码必须正确,如果不正确如下面这样提示:3. 如果输入正确,显示对号,如下图,注意这里面的对号是一个图片:4. 全部正确后,点击注册才能够进入action所指向的位置,这里面设置为百度首页代码:h...原创 2019-08-15 17:26:06 · 304 阅读 · 0 评论 -
JavaScript(八)_DOM_动态增删表格案例
需求:在上面文本框输入信息 ,点击添加,表格就添加一行,点击表格对应行的删除,该行就被删除代码:便于理解,把js和css在HTML内部定义了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动态表格<...原创 2019-08-15 17:08:01 · 194 阅读 · 0 评论 -
JavaScript(六)_BOM_window对象_轮播图案例
需求:每隔一段时间切换一个图片如果想增加图片个数,可以修改number值如果想改图片可以把图片都起格式一样的名字,如***_1.jpg、***_2.jpg、***_3.jpg...,放在项目的一个文件夹下,然后修改下面代码的图片路径如果想修改图片切换之间的时间,可以把setInterval(fun,3000)第二个参数修改一下,单位为ms<!DOCTYPE html&g...原创 2019-08-15 16:58:57 · 126 阅读 · 0 评论 -
JavaScript(五)_BOM_地址栏(Location)对象_自动跳转页面案例
需求:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>自动跳转页面</title> <style> p{ text-align: cente...原创 2019-08-15 16:51:49 · 305 阅读 · 0 评论 -
JavaScript(九)_DOM_表格选中&全选&删除&反选案例
需求:(界面稍微有点难看,但是可以自己任意修改,这里面就弄一个简陋的)1. 全选、反选、全不选按钮对应实现其字面功能2. 点删除会删除对应行3. 鼠标停放在对应列上时,该行bg-color会变成粉红色,如下图:代码:<!DOCTYPE html><html lang="en"><head> <meta cha...原创 2019-08-15 17:16:11 · 308 阅读 · 0 评论