首页 > TAG信息列表 > oBtn
网页上按钮更换图片
准备好两张图片 media/1.png media/2.png 摆好图片布局和按钮 <input id="btn" type="button" value="修改" /><br/> <img id="pic" src="img/1.png"/> window.onload = function (): 表示浏览器把整个页面解析完了再去解析{}内部的代码。 v事件得概念
事件： 能被js监听到的行为 事件三要素： 1. 事件源: 触发事件的源头，谁触发的这个事件（oBtn） 2. 事件类型：是哪种事件类型，如：鼠标事件，键盘事件。。。。。（click，dblclick，mouseover，mouseout.....） 3. 事件处理函数: 事件触发后执行的行为（{}中会执行的代码） 1,oBtn.onclick = function前端常见面试题总结(持续更新中~~~)
promise 是什么 Promise 是一个对象，一般作为构造函数来使用（new Promise），它里面有 3 种状态，pending（处理中）、fulfilled（成功）、rejected（失败）。 怎么用 拿到一个 Promise 实例后，具有 then 和 catch 方法，一般 then 里面拿到成功的结果，catch 拿到失败的结果。 解决了什么问题 它主要解决JavaScript删除元素
在JavaScript中，我们可以通过removeChild（）方法来删除父元素下的某个子元素。 删除最后一个子元素 代码： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>删除元素</title> <script> window.onload = functi仿TheNorthFace官网 购物车效果
<!DOCTYPE html> <html> <head> <title>千锋教育——做真实的自己,用心做教育</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="viewport" content=&quDOM操作应用高级
DOM操作应用高级 表格应用 -1 获取 tBodies（数组），tHead（一个元素），tFood（一个元素），rows，cells 隔行变色（鼠标移入高亮） /*小例子 隔行变色，鼠标移入变色移出还原*/ window.onload=function(){ var oTab=document.getElementById('tab1'); var oldcolor=''; //用来存放变色JS实现密码强度的判断
css部分代码 span{display: block} body部分代码 <input type="text" id="pass"> <input type="button" id="btn" value="验证密码强度"> <span></span> JavaScript部分代码 var opassJS隐藏显示图片
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <button id="btn">隐藏</button> <br> &原生js实现简单选项卡
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible&quo一个导航网站
由简单无门槛 js 实现一个触发按键跳转网页的导航网站，效果预览 数据结构我们都知道工欲善其事，必先利其器，所以选择好数据结构再来进行编程是很有必要的。由于是一个键盘按键对应一个网站，我们很快就会想到 key:value 所以我用对象来存储。 123456789101112hash = { q: 'qq.com',JavaScript实现抖音较火的随机点名系统
前段时间刷抖音，发现一个比较好玩的随机抽查系统，老师可以用它抽查到的名字回答问题，提高课堂活跃度和专注度。今天我用javaScript实现了一个，代码如下！！！可直接粘贴 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" cont原生js实现斗地主发牌
原生js实现斗地主发牌 派牌 玩家一: 玩家三: 玩家二: 底牌: var oBtn = document.getElementsByTagName("button")[0]; var oP = document.getElementsByTagName("p"); var str1 = ["红桃","方片","梅花","黑桃"]; var str2 = ["2",&js基础练习-倒计时
设计一个倒计时，点击"开始"，开始倒计时，按钮变成“暂停”,点击“暂停”之后，按钮变成“继续”，当倒计时结束后，按钮为“复位”，点击可再次实现倒计时 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #box{ width: 200px; height: 200JS实战——选项卡的简单实现
选项卡在页面中很常见，今天学习了下，记录下来。代码如下： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6js-01_面向对象选项卡
原文链接：http://www.cnblogs.com/XChWaad/p/3329388.html 首先，面向过程的选择卡js代码台下： window.onload = function () { var oDiv = document.getElementById("div1"); var oBtn = oDiv.ge运用正则表达式去左右空格
var oBtn = document.getElementById(“btn”); var oTxt = document.getElementById(“txt”); oBtn.onclick = function(){ var str = oTxt.value; //var re = /^\s+/g; //var re = /\s+KaTeX parse error: Expected group after '^' at position 20: … var re =JavaScript添加事件的三种方式（鼠标点击事件）
布局html页面，放入一个button按钮即可。 <button id="btn">我是按钮</button> 获取button按钮 var oBtn = document.getElementById("btn"); 点击按钮的三种方式 方式一：给对象的属性赋值 注意点：由于是将函数（function）赋值给了一个对象（oBtn）的属性（onclick），所以后赋值的会覆盖先赋fetch（1）基本请求
目录结构： 读取文本数据 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script> window.onload = function() { let obtn = document.getElementById('JavaScript小练习1-控制div属性
题目 要实现的效果如图所示：查看演示 *** 分析 乍一看还以为十分简单，就是简单的点击button时触发的函数来改变样式值，不过做到后面就开始打脸了——“重置”功能。其实要实现重置功能，硬做还是可以的，就是cssText=“整个style表”，但是这么做太暴力了，十分不优雅，结果看了人家的源码真的