JavaScript
Melonico
这个作者很懒,什么都没留下…
展开
-
JavaScript——事件Event对象
文章目录事件注册监听方式常见事件一. 点击事件二. 焦点事件三. 加载事件四. 鼠标事件五. 键盘事件六. 选中/改变事件七. 表单事件事件某些组件被执行某些操作之后触发某些代码的执行事件:某些操作 如单击 双击 键盘按下 鼠标移动事件源:某些组件 如 按钮 文本框监听器:某些代码注册监听:将事件,事件源和监听器绑定在一起,当事件源上发生某个事件,则触发监听器注册监听方式参考事件简单入门https://blog.csdn.net/qq_45852430/article/details/1原创 2020-06-28 19:52:39 · 110 阅读 · 0 评论 -
JavaScript——checkbox的全选,全不选与反选实现
页面显示功能分析全选按钮可以选中所有的checkbox全不选按钮可以取消所有的checkbox反选按钮可以选中未选择的checkbox,并取消以选择的checkbox实现页面内容csstable{ border: 1px solid black; width: 500px; margin: auto;}td,th{ text-align: center; border: 1px solid;}div{ margin: auto; width: 500px;原创 2020-06-28 19:38:56 · 1096 阅读 · 0 评论 -
JavaScript——DOM文档对象模型
文章目录DOM对象一. Node:节点对象,父对象○ 方法○ 属性二. Document:文档对象○ 创建对象○ 方法(1). 获取Element对象(2).创建其他DOM对象三. Element:元素对象○ 获取/创建○ 方法innerHTML控制元素样式DOMDOM:文档对象模型(Document Object Model),将标记语言文档的各个组成部分,封装为对象,可以使用这些对象对标记语言文档进行CRUD(增删改查)的动态操作HTML DOM 模型被结构化为对象树(DOM树)对应的HTML原创 2020-06-28 15:10:54 · 120 阅读 · 0 评论 -
JavaScript——定时跳转页面
1. 在html中显示内容<p> <span id="time">5</span>秒后跳转页面...</p>2. 获取 span 对象并设置一个秒数计数器var time = document.getElementById("time");var second = 5;3. 定义秒数显示方法,每次执行该方法second自减function showTime() { second--; time.innerHTML = second.t.原创 2020-06-25 01:24:42 · 841 阅读 · 0 评论 -
JavaScript——BOM浏览器对象模型
BOM什么是BOMBOM(Browser Object Model) 是指浏览器对象模型,将浏览器的各个组成部分封装为对象组成一. 窗口对象 WindowWindow 对象表示浏览器中打开的窗口○ 方法- 弹出框相关① alert():显示带有一条指定消息和一个 OK 按钮的警告框alert("Hello,world!");② confirm():显示一个带有指定消息和 OK 及取消按钮的对话框confirm("确定吗?");如果用户点击确定按钮,该方法会返回true,如果点击原创 2020-06-25 00:49:01 · 292 阅读 · 0 评论 -
JavaScript——简单实现轮播图效果
分析:可以通过获取img元素对象并更改其src属性实现该效果,并使用定时器实现在一段时间后多次切换1. 使用 img 标签显示图片<img id="img" src="img/pic1.png" style="width: 100%">2. 获取元素对象var img = document.getElementById("img");3. 更改 img 对象的 src 属性img.src = "img/pic2.png";直到,我们只可以满足更换1次图片,并且只能更换1张,原创 2020-06-24 20:21:35 · 241 阅读 · 0 评论 -
JavaScript——使用按钮创建并关闭新的窗口页面
1. 在html中使用 input 标签创建一个按钮<input id="input" type="button" value="创建新窗口">2. 获取 input 对象var btn = document.getElementById("input");3. 绑定方法btn.onclick = function () { open();}完整代码<!DOCTYPE html><html lang="en"><head>原创 2020-06-24 18:30:49 · 1294 阅读 · 0 评论 -
JavaScript——简单的元素对象控制:点击切换div背景色
1. 创建一个div标签并设置大小和背景色<div id="d1" style="height: 50px;width: 50px;background-color: gray"></div>2. 获取div对象var div = document.getElementById("d1");3. 给div对象绑定事件div.onclick = function () { div.style.backgroundColor = "yellow";}4. 添加一个原创 2020-06-24 17:14:16 · 1258 阅读 · 0 评论 -
JavaScript——事件简单入门
事件简单入门○ 功能某些组件被执行了某些操作后触发某些代码○ 绑定事件1. 在html标签上指定事件属性,属性值为JS代码<div style="height: 50px;width: 50px;background-color: gray" onclick="alert('div被点击');"></div>执行效果当点击div区域后可以将事件属性后的代码定义到script标签中,然后在事件属性中调用方法JavaScript代码function click(原创 2020-06-24 16:50:18 · 139 阅读 · 0 评论 -
JavaScript——DOM简单入门
DOM简单入门○ 功能控制html文档的内容○ 获取元素对象通过标签(元素)的id获取页面标签(元素)对象 Elementdocument.getElementById(id);○ 示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>获取元素对象</title></head><body>原创 2020-06-24 16:22:43 · 145 阅读 · 0 评论 -
JavaScript——使用Math对象生成0~100的随机数
1.使用random()方法生成随机小数,范围[0,1)Math.random();2.对1的结果乘以100,随机数范围[0,100)Math.random() * 100;3.使用ceil()方法对2的结果进行向上取整Math.ceil(Math.random() * 100);或使用floor()方法进行向下取整,然后结果+1Math.floor(Math.random() * 100) + 1;4.输出结果document.write(Math.ceil(Math.rando原创 2020-06-23 16:33:59 · 11614 阅读 · 0 评论 -
JavaScript——实现九九乘法表
这是一张99乘法表,我们需要用JavaScript来实现这个99乘法表在观察表后,可以发现每一个表达式都可以用 a*b=c 来表示出来,而c可以借用算术计算出来,所以我们只需要用到两个变量基础实现var i,j;我们可以将每个表达式理解为列数×行数,如2×5则为第二列×第五行观察可得,行数最多为9行,列数最多也为9列通过两个循环嵌套可以写出一个基础的乘法表代码var i; //定义行数var j; //定义列数for (i = 1;i <= 9;i++){ //循环9行 .原创 2020-06-22 17:24:56 · 15149 阅读 · 1 评论 -
JavaScript—ECMAScript基础语法
ECMAScriptECMA(欧洲计算机制造商协会)制定的客户端脚本语言的标准,统一了所有客户端脚本语言的编码方式基本语法与HTML的结合方式内部JS在html代码内部插入标签,标签体内容就是JS代码<script> alert("Hello, World!");</script>外部JS定义 script标签,通过src引入外部js文件<script src="a.js"></script>注可以将原创 2020-06-20 17:04:10 · 444 阅读 · 0 评论