- 博客(41)
- 收藏
- 关注
转载 微信公众号-遮罩层禁止屏幕滚动
在html中写出遮罩层<div id='cover'></div><button id='btn'></button>在style里写遮罩层的样式<style>html,body{ width:100%; height:100%; } #cover{ width:100%; height:100%; disp...
2019-07-08 11:45:30 910
转载 微信公众号-页面跳转到本页面内部iframe层,控制本页面内元素的样式
当跳转到页面中含有的iframe页面时,若要控制本页面元素(假设id为’scar’)的显示与隐藏,则要先找到本页面的元素var scar = window.parent.document.getElementById("scar");scar.style.display = 'block';...
2019-07-08 11:28:59 1363
转载 修改input加disabled后的样式(安卓IOS兼容问题)
安卓手机下禁用加了:background-color: rgb(235, 235, 228);苹果手机下禁用把透明度加到了0.3 。修改默认样式只需加以下样式即可。input[disabled]{ filter: alpha(opacity=100); opacity:1; background: #fff; }...
2019-07-08 10:14:30 659
转载 webAPI05-02隔行变色
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>隔行变色</title> </head> <body> <ul id="shan"> <li>泰山</li> <...
2019-06-21 10:48:48 123
转载 webAPI05-01父子节点
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>父子节点</title> </head> <body> <div id="box"> <span>span标签</span>...
2019-06-21 10:20:45 111
转载 webAPI04-01模拟DOM结构
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>模拟DOM结构</title> </head> <body> <div id="box"></div> <p id="pra"...
2019-06-20 16:18:35 85
转载 webAPI03-13自定义属性操作
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>自定义属性操作 </title> </head> <body> <div id="box">李华</div> <script t...
2019-06-19 16:23:50 267
转载 webAPI03-12全选反选案例
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>全选反选案例</title> <style type="text/css"> .wrap{ width: 60%; margin: 0 auto; ov...
2019-06-19 15:46:25 195
转载 webAPI03-11搜索文本框
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>搜索文本框</title> <style type="text/css"> .gray{ color: gray; } .black{ color:...
2019-06-18 15:26:46 96
转载 webAPI03-10设置下拉框的选中元素
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>设置下拉框的选中元素</title> </head> <body> <input type="button" id="btn" value="随机选" />...
2019-06-18 10:37:53 195
转载 webAPI3-9检测用户名和密码
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>检测用户名和密码 </title> <style type="text/css"> .error{ background-color: orangered; } ...
2019-06-14 17:50:52 383
转载 webAPI03-8给文本框赋值并获取文本框的值
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>给文本框赋值并获取文本框的值</title> <style type="text/css"> #words{ width: 200px; height: 100...
2019-06-14 17:04:37 313
转载 webAPI03-7表单元素的属性
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表单元素的属性</title> </head> <body> <input type="button" value="按钮" id= 'btn' />&...
2019-06-14 16:24:21 91
转载 webAPI03-6innerText(textContent)兼容性处理
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>innerText(textContent)兼容性处理</title> </head> <body> <div id="box">hello,wor...
2019-06-14 16:04:19 122
转载 webAPI03-5innerHTML和innerText
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>innerHTML和innerText</title> </head> <body> <div id="box"> hello!world &...
2019-06-14 15:31:34 98
转载 webAPI03-4风景相册
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>风景相册</title> <style type="text/css"> body{ padding: 120px 200px; } #imagesgall...
2019-06-13 10:54:28 172
原创 webAPI03-3点击按钮div显示隐藏
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>点击按钮div显示隐藏</title> <style type="text/css"> #box{ width: 200px; height: 300px; ...
2019-06-12 17:02:22 183
转载 webAPI03-2非表单元素的属性
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>非表单元素的属性</title> </head> <body> <a id="e360" href="https://hao.360.com/?src=lm&a...
2019-06-12 15:08:17 125
转载 webAPI03-1注册事件(案例:点击按钮切换图片
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>注册事件(案例:点击按钮切换图片)</title> </head> <body> <button id="btn" value="点我 ">点我</...
2019-06-12 11:07:59 130
原创 webAPI02-4获取元素的其他方式
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>获取元素的其他方式</title> </head> <body> <div class="main">比较长值班了电话号</div> &l...
2019-06-12 09:26:11 79
原创 webAPI02-3getElementsByTagName2
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>getElementsByTagName2</title> </head> <body> <div id="container"> <div&...
2019-06-11 17:19:43 109
原创 webAPI02-2getElementsByTagName
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>getElementsByTagName</title> <script type="text/javascript"> var divs = document.getElem...
2019-06-11 17:19:23 138
原创 webAPI02-1根据id获取元素
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>根据id获取元素</title> </head> <body> <div id="practice"> haohhhohhab </div...
2019-06-11 15:42:04 175
原创 webAPI01-1WebAPI的概念
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>WebAPI的概念</title> </head> <body> <p> 1-1 WEBAPI的概念 API(应用程序编程接口),是一些预先...
2019-06-11 14:18:39 156
原创 12-8字符串的其他方法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>字符串的其他方法</title> </head> <body> <script type="text/javascript"> //concat 拼...
2019-06-11 11:34:50 86
转载 12-7获取url中的参数
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>获取url中的参数</title> </head> <body> <script> //获取url中?后面的内容 //例如:https://h...
2019-06-10 17:38:51 98
原创 12-6求字符串中出现最多的字符以及该字符出现的次数
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>求字符串中出现最多的字符以及该字符出现的次数</title> </head> <body> <script type="text/javascript">...
2019-06-10 16:10:08 193
原创 12-5字符串的方法介绍
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>字符串的方法介绍</title> </head> <body> <script type="text/javascript"> //1...
2019-06-10 15:52:44 116
原创 12-4字符串的不可变
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>字符串的不可变</title> </head> <body> <script type="text/javascript"> //字符串的不可变 ...
2019-06-10 11:01:36 60
原创 12-3基本包装类型
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>基本包装类型</title> </head> <body> <script type="text/javascript"> //由于简单类型没有属性...
2019-06-06 16:57:22 74
原创 12-1数组和对象案例
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>数组和对象案例</title> </head> <body> <script type="text/javascript"> //案例一:工资的数组...
2019-06-06 10:40:43 120
原创 11-5模拟翻转数组
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>模拟翻转数组</title> </head> <body> <script type="text/javascript"> var array = ...
2019-06-06 09:06:22 71
原创 11-4清空数组的方法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>清空数组的方法</title> </head> <body> <script type="text/javascript"> var array =...
2019-06-06 08:56:16 131
原创 11-3模拟sort内部实现
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>11-3模拟sort内部实现</title> </head> <body> <script type="text/javascript"> func...
2019-06-06 08:55:23 134
转载 11-2数组的sort方法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> var arr = [42,200,...
2019-06-06 08:54:46 67
转载 11-1数组的常用方法
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script type="text/javascript"> // toString() v...
2019-06-06 08:53:48 141
转载 JavaScript 操作符
4 JavaScript操作符运算符 operator5 + 6表达式组成:操作数和操作符4-1 算术运算符加+ 减 - 乘 * 除 / 取余 %var x = 6;var y = 10;console.log(x + y); //加法 结果为16;console.log(x - y); //减法 结果为 -4;console.log(x * y); /...
2019-06-06 08:52:48 76
翻译 chapter03 JavaScript数据类型
3-1 数据类型在C 、Java、C# 中,声明变量的时候就确定了数据类型int age = 18; // int就确定了后面的的变量所存的数据类型只能是整数在JavaScript中声明变量的时候并没有确定变量的类型,所以JavaScript是弱类型的语言简单数据类型Number、String、 Boolean、Undefined、NullNumber类型• 数值字面量:数...
2019-03-19 23:06:07 88
翻译 chapter02 JavaScript变量
变量2-1什么是变量什么是变量变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据为什么要使用变量使用变量可以方便的获取或者修改内存中的数据2-2如何使用变量var声明变量var age;变量的赋值var age;age = 18;同时声明多个变量var age, name, sex;age = 10;name = '...
2019-02-13 09:21:44 87
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人