- 博客(38)
- 收藏
- 关注
RSS订阅转载 事件的绑定以及兼容代码
1. 事件的绑定：为同一个元素绑定多个相同的事件2.三种方式（1）对象.on事件名字=事件处理函数my$("btn").onclick=function(){};如果是多个相同事件注册用这种方式,最后一个执行,之前的被覆盖了（2）对象.addEventListener("没有on的事件名字",事件处理函数,false); --谷歌和火狐支持,IE8不支持...
2019-09-09 23:02:00
157
转载 25点击按钮创建表格（createElement方式）
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> div{ width: 200px...
2019-09-09 22:51:00
348
转载 24 createElement方式动态创建列表
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> * { margin: 0; ...
2019-09-09 22:48:00
164
转载 23元素创建之点击按钮创建列表
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> div { width: 300p...
2019-09-09 22:45:00
147
转载 元素的创建以及只创建一个
元素创建的三种方式为了提高用户的体验1. document.write("标签的代码以及内容"); 页面加载的时候创建,是没有问题的：document.write("<p>这是一个p</p>"); 缺陷：如果在页面加载完毕后，通过这种方法创建，页面上存在的所有内容都没有了 my$("btn").onclick=function(){...
2019-09-09 22:41:00
162
转载 22案例全选和全不选的实现
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> * { padding: 0;...
2019-09-09 22:16:00
179
转载 21节点之操作隔行变色
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="bu...
2019-09-09 22:13:00
91
转载 21节点之点击按钮设置div中p标签改变背景颜色
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> div { width: 300p...
2019-09-09 22:10:00
1003
转载 节点以及兼容代码
文档：document——页面中的顶级对象元素：element，页面中的所有标签 标签--元素--对象 (通过DOM的方式来获取这个标签,得到了这个对象,此时这个对象叫DOM对象) 节点：Node，页面中的所有内容，包括标签、属性、文本（文字，换行，空格）根元素：html标签1. 节点：Node，页面中的所有内容，包括标签、属性、文本（文字，换行，空格）2...
2019-09-09 22:04:00
278
转载 js报错：Invalid left-hand side in assignment
Uncaught ReferenceError: Invalid left-hand side in assignmen未捕获的引用错误：赋值中的左侧无效写完js后，页面在加载的时候，一直如上的错误，仔细检查发现js在做对比的时候，少写一个=；错误代码：if (nodes[i].nodeType == 1 && nodes[i].node...
2019-09-05 18:18:00
1703
转载 20网页开关灯
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .cls { ...
2019-08-28 15:11:00
253
转载 19点击一个按钮，设置div的隐藏
方法一、通过判断当前点击的按钮的value属性<style type="text/css"> div { width: 200px; height: 200px; background-color: #008000; ...
2019-08-28 15:00:00
204
转载 18点击一个按钮，设置div的样式（通过调用类样式）
<style type="text/css"> div { width: 200px; height: 200px; background-color: #008000; border: 3px solid #9...
2019-08-28 14:59:00
448
转载 17点击一个按钮，设置div显示和隐藏
<input type="button" value="隐藏" id="btn20" /> <div id="dv" style="width: 200px; height: 200px; background-color: #008000;" ></div> <script type="text/jav...
2019-08-28 14:57:00
241
转载 16点击按钮设置div的宽，高，背景颜色
<input type="button" value="设置样式" id="btn18" /> <div id="dv"></div> <script type="text/javascript"> //凡是css中这个属性是对个单词的写法,在jsDOM操作的时候,把-去掉,...
2019-08-28 14:56:00
726
转载 15点击按钮，设置div显示和隐藏div
<input type="button" value="设置div隐藏" id="btn18" /> <input type="button" value="设置div显示" id="btn19" /> <div id="dv" style="width: 200px;height: 200px;background-...
2019-08-28 14:56:00
375
转载 14点击按钮选择下拉框
<input type="button" value="选择城市" id="btn16" /> <select name="" id="ss"> <option value ="1">武汉</option> <option value ="2" id="op1"...
2019-08-28 14:55:00
665
转载 13点击按钮切换图片
<input type="button" id="btn11"> <img src="../logo3.png" id="imm"> <script type="text/javascript"> function my$(id) { return do...
2019-08-28 14:52:00
77
转载 23点击按钮选择性别和兴趣
<input type="button" value="修改性别" id="btn14"> <input type="radio" name="sex" value="1">男 <input type="radio" name="sex" value="2" id="rad1">女 <sc...
2019-08-28 14:52:00
304
转载 12点击超链接切换图片
<a href="../logo3.png" id="ak"> <img src="../logo2.jpg" id="im" > </a> <script type="text/javascript"> document.getEl...
2019-08-28 14:51:00
1313
转载 11按钮的排他功能
<input type="button" value="没有我"> <input type="button" value="没有我"> <input type="button" value="没有我"> <input type="button" value="没有我"> ...
2019-08-28 14:50:00
144
转载 10点击图片修改自身的宽和高
<img src="../logo.png" alt="" id="btn10"> <script type="text/javascript"> var imggObj=document.getElementById("btn10"); imggObj.onclick=function()...
2019-08-28 14:49:00
155
转载 9点击按钮修改valu属性
<input type="button" value="按钮" id="btn9"> <script type="text/javascript"> var btn9Obj=document.getElementById("btn9"); btn9Obj.onclick=function()...
2019-08-28 14:48:00
160
转载 8点击每个图片弹出对话框
<img src="../logo1.png" alt="" width="120px"> <img src="../logo2.png" alt="" width="120px"> <img src="../logo3.png" alt="" width="120px"> <script...
2019-08-28 14:47:00
409
转载 7点击按钮修改所有文本框的内容
<input type="button" name="" id="btn7" value="来啊 ,点我啊~" /><br> <input type="text" name="" id="" value="" /><br> <input type="text" name="" id="" val...
2019-08-28 14:46:00
432
转载 5点击按钮修改图片的alt和title属性
<input type="button" value="点击修改" id="btn6"> <img src="../logo.png" alt="聊天记录" title="这是一张图片"> <script> var btn6Obj=document.getElemen...
2019-08-28 14:45:00
278
转载 5点击修改p标签的内容
<input type="button" value="点击修改多个p" id="btn5"/> <div id="one"> <p>我要被修改</p> <p>我要被修改</p> <p>我要被修改</...
2019-08-28 14:43:00
278
转载 4点击按钮修改a标签的地址和热点文字
<input type="button" value="点击修改" id="btn4"/><a href="https://www.baidu.com/" id="a1"></a><script>//根据id获取按钮,为按钮注册点击事件,添加事件处理函数var btn4Obj=document.getElementByI...
2019-08-28 14:42:00
326
转载 3点击按钮，修改p标签的显示内容
<input type="button" value="设置p的内容" id="btn3" /> <p id="p1"></p> <script> //凡是成对的标签，中间的文本内容，设置的时候，都采用innerText这个属性 //根据id获取按钮...
2019-08-28 14:41:00
570
转载 2点击按钮，显示图片
<input type="button" value="显示效果" id="btn2" /> <img src="" alt="" id="im"> <script> //根据id属性的值从文档中获取这个元素 var btn2Obj=document.g...
2019-08-28 14:40:00
798
转载 1点击按钮，出现弹框
<input type="button" value="显示效果" id="btn1" /> <script> //根据id属性的值从文档中获取这个元素 var btn1Obj=document.getElementById("btn1"); //为当前的这...
2019-08-28 14:38:00
530
转载 DIV+CSS规范命名
一、命名规则说明： - TOP1）所有的命名最好都小写2）属性的值一定要用双引号("")括起来，且一定要有值如class="divcss5",id="divcss5"3）每个标签都要有开始和结束，且要有正确的层次，排版有规律工整4）空元素要有结束的tag或于开始的tag后加上"/"5）表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、bo...
2019-08-26 16:58:00
68
转载 JS事件报错之Cannot set property 'onclick' of null
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script> //根据id属性的值从文档中获取这个元素 ...
2019-08-13 10:52:00
197
转载 创建对象的三种方式
对象有特征（属性）和（方法）方式一：通过系统的构建函数（Object）来创建对象var obj = new Object(); //Object为系统的构造函数 obj.name="小明"; //添加属性 ————对象名.名字=值;obj.eat=function(){ //添加方法 ————对象名.名字=函数; console.log...
2019-08-08 10:52:00
389
转载 密码的显示和隐藏
一、input标签密码的显示与隐藏 1 function myShow(imgId,inputId) { /* 判断密码显示状态函数 */ 2 if(inputId.type=="password"){ 3 imgId.src="i...
2019-08-07 16:33:00
301
转载 带1px外边框的小三角形的div实现（转载+个人笔记）(未完善)
写页面的时候有时候会遇到带有1px外边框三角形的下拉框，就像下面这样：首先把下面这个div取个类名：class=" finish-lesson"，这种就相当于两个绝对定位的无边框三角形叠加在一起，外三角边框比里三角小1px，并且外三角定位比里三角靠外1px，形成边框线。代码： 1 .finish-lesson:before { 2 /*.befor...
2019-08-02 16:42:00
122
转载 利用Jquery实现滑动出现下拉菜单和箭头转向
1.引入<script src="js/jquery-1.11.1.min.js"></script>2.HTML代码给ul标签设置id：left_item，给img设置id：item_img 1 <!-- 中间左边开始 --> 2 <div class="tpl-left-nav fl">...
2019-08-02 13:42:00
942
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人