JavaScript
文章平均质量分 94
top啦它
这个作者很懒,什么都没留下…
展开
-
将dict类型数据转化为json字符串
import jsona = { 'name':'大黄', 'age':18, 'sex':'1'}print(json.dumps(a))"""输出为:{"name": "\u5927\u9ec4", "age": 18, "sex": "1"}这不是集合"""print(type(json.dumps(a)))"""输出为<class 'str'>这说明dict类型数据已经转化成了json字符串。"""...原创 2020-11-09 19:12:12 · 910 阅读 · 0 评论 -
html简单网页编写3
坚持就是胜利,一起加油。效果如下:html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="head.css"> <script src="table.js"></script>原创 2020-09-19 10:17:14 · 289 阅读 · 0 评论 -
html简单网页编写2
用到的图片请在百度网盘上提取下载https://pan.baidu.com/s/1UPkTJ6NkeYilY9j9ygKAhQ提取码:yzta提取后把“图片”这个文件夹,放在你所创建的html文件,所在的文件夹。坚持就是胜利,祝大家学有所成。**完成后的效果:**html文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>原创 2020-09-17 18:18:30 · 332 阅读 · 0 评论 -
html简单网页编写1
没办法,csdn不能上传文件夹,只能放在网盘上了https://pan.baidu.com/s/1klqy9g_LD46wQM6PsqOEYA提取码:yzta原创 2020-09-16 21:10:35 · 312 阅读 · 0 评论 -
javascript 获取标签样式
<script><!-- obj:标签,attr:样式--> function getStyle(obj,attr) { if(obj.currentStyle) { return obj.currentStyle[attr]; } else { return getComputedStyle(obj,false)[attr]; } }</s原创 2020-08-17 09:09:31 · 502 阅读 · 0 评论 -
javascript onfocus练习代码
<!DOCTYPE html><html><meta charset="UTF-8"><head></head><body><input type="text" id="input1" onfocus="onload_1(this)"><script> function onload_1(obj) { obj.style.background = "red" }&l原创 2020-08-12 17:02:10 · 235 阅读 · 0 评论 -
javascript onmousedown、onmouseup练习代码
<!DOCTYPE html><html><meta charset="UTF-8"><head></head><body><div id="mouse" style="background-color: #33cccc;width: 200px;height: 200px;" onmousedown='over(this)' onmouseup='out(this)'>请把鼠标按下去</div&原创 2020-08-12 16:57:00 · 225 阅读 · 0 评论 -
javascript onmouseover、onmouseout练习代码
<!DOCTYPE html><html><meta charset="UTF-8"><head></head><body><div id="mouse" style="background-color: #33cccc;width: 200px;height: 200px;" onmouseover='over(this)' onmouseout='out(this)'>请把鼠标放上去</div原创 2020-08-12 16:53:00 · 247 阅读 · 0 评论 -
javascript onclick、onload、onunload练习代码
<!DOCTYPE html><html><meta charset="UTF-8"><body onload="onload_1()" onunload="onunload_1()"><div id="onload1"></div><div id="onunload1"></div><div id="click1">鼠标点击事件onclick</div><butto原创 2020-08-12 16:21:16 · 198 阅读 · 0 评论 -
javsscript添加和删除元素,.createElement(element)、.removeChild()、.appendChild()、.replaceChild()、.write(text)
document.write(text) 写入 HTML 输出流创建 HTML 元素添加 HTML 元素document.createElement(element) 创建 HTML 元素document.appendChild(element) 添加 HTML 元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X原创 2020-08-12 10:07:45 · 316 阅读 · 0 评论 -
javascript 改变 HTML 元素 element.innerHTML、.attribute、.setAttribute(attribute, value)、.style.property
改变元素的 inner HTMLelement.innerHTML = new html content 改变元素的 inner HTMLeg:div.innerHTML = '这是一条测试文本'可以将<div></div>修改为<div>这是一条测试文本</div>还可以通过这种方法将标签放入div标签之中div.innerHTML = '<a>这是一个测试文本</a>'<!DOCTYPE html>&l.原创 2020-08-12 09:03:53 · 1482 阅读 · 0 评论 -
JavaScript 函数参数
函数参数JavaScript 函数有一个名为 arguments 对象的内置对象。arguments 对象包含函数调用时使用的参数数组。functionName(parameter1, parameter2, parameter3) { 要执行的代码}函数参数(parameter)指的是在函数定义中列出的名称。函数参数(argument)指的是传递到函数或由函数接收到的真实值。function f() { var sum=0; for (var原创 2020-08-11 09:20:10 · 260 阅读 · 0 评论 -
JavaScript 错误 - Throw 和 Try to Catch
try能够测试代码块中的错误。catch语句允许处理错误。throw语句允许创建自定义错误。finally使您能够执行代码,在 try 和 catch 之后,无论结果如何。一、先编写一个错误(try、catch)try { 供测试的代码块} catch(err) { 处理错误的代码块} <!DOCTYPE html><html><body><meta charset="UTF-8"&...原创 2020-08-10 09:28:45 · 190 阅读 · 0 评论 -
javascript 严格模式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA_Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Title原创 2020-08-08 17:28:41 · 130 阅读 · 0 评论 -
javascript 闭包
1.什么是闭包点击li输出索引号定时器中的闭包打包价格<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA_Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1原创 2020-08-08 17:03:37 · 130 阅读 · 0 评论 -
javascript 递归
1.什么是递归递归习题——利用递归求1~n的阶层斐波那契数列利用递归遍历数据图一图二<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA_Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,原创 2020-08-08 16:10:37 · 104 阅读 · 0 评论 -
javascript Set
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA_Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Title原创 2020-08-08 14:53:49 · 102 阅读 · 0 评论 -
javascript中try catch throw 的用法
try尝试执行catch捕获异常throw抛出异常<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA_Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, ...原创 2020-08-08 14:44:27 · 212 阅读 · 0 评论 -
javascript 正则
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA_Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Title原创 2020-08-08 14:35:15 · 110 阅读 · 0 评论 -
ES6 let
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA_Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Title原创 2020-08-08 14:22:12 · 94 阅读 · 0 评论 -
javascript 解构赋值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA_Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Title原创 2020-08-08 12:37:28 · 169 阅读 · 0 评论 -
javascript 箭头函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA_Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Title原创 2020-08-08 12:35:29 · 169 阅读 · 0 评论 -
JavaScript 字符串方法
字符串方法一、str.length二、indexOf()三、lastIndexOf()四、search()五、slice()六、substring() 方法七、substr() 方法八、replace()九、toUpperCase()十、toLowerCase()十一、concat()十二、trim()十三、charAt()十四、charCodeAt()一、str.lengthsStr = 'zbcdefj';console.log(sStr.length);//输出 7 二、indexOf()原创 2020-08-08 10:58:48 · 225 阅读 · 0 评论 -
ES6 isFinite()
检测一个数字是否是无穷大(正、负无穷大的数)或者是NaN,如果是,返回false,否则返回trueisFinite(10/0); // 返回 falseisFinite(10/1); // 返回 true<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA_Compatible" con原创 2020-08-07 16:32:01 · 289 阅读 · 0 评论 -
ES6中的Number.isInteger()与Number.isSafeInteger()
ES6 为 Number 对象添加了 2 个新方法:一、Number.isInteger()二、Number.isSafeInteger()Number.isInteger() 方法如果参数是整数,则 Number.isInteger() 方法返回 true。实例Number.isInteger(10); // 返回 trueNumber.isInteger(10.5); // 返回 falseNumber.isSafeInteger() 方法安全整数是可以精原创 2020-08-07 16:11:11 · 756 阅读 · 1 评论 -
ES6中的EPSILON MIN_SAFE_INTEGER MAX_SAFE_INTEGER
Number.EPSILON<!DOCTYPE html><html><body><meta charset="UTF-8"><h1>数字对象属性</h1><p>EPSILON</p><p id="demo"></p><script>var x = Number.EPSILON;document.getElementById("demo").inne原创 2020-08-07 15:50:37 · 282 阅读 · 1 评论 -
CSS 分组和嵌套
分组分组当多个元素要设定相同的样式时,可以通过在多个选择器之间使用逗号分隔的分组选择器来统一设置元素样式div,p{ /*div标签和p标签文本字体全为红色*/ color: red; }<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-原创 2020-08-06 09:08:22 · 211 阅读 · 0 评论 -
CSS选择器
CSS的三种选择器基本选择器元素选择器、id选择器、类选择器、通用选择器组合选择器后代选择器、儿子选择器、邻居选择器、兄弟选择器属性选择器选取带有指定属性或指定属性以及值的元素CSS选择器一、基本选择器一、(1)元素选择器一、(2)id选择器二、组合选择器三、属性选择器一、基本选择器一、(1)元素选择器<!DOCTYPE html><html lang="en"><head> <meta charset="原创 2020-08-05 21:41:55 · 104 阅读 · 0 评论 -
CSS选择器
CSS的三种选择器基本选择器元素选择器、id选择器、类选择器、通用选择器组合选择器后代选择器、儿子选择器、邻居选择器、兄弟选择器属性选择器选取带有指定属性或指定属性以及值的元素CSS选择器一、基本选择器一、(1)元素选择器一、(2)id选择器一、(3)类选择器一、(4)通用选择器二、组合选择器二、(1)后代选择器二、(2)儿子选择器二、(3)邻居选择器二、(4)兄弟选择器三、属性选择器一、基本选择器一、(1)元素选择器 p{ /*找到页面上所有原创 2020-08-05 21:41:27 · 900 阅读 · 0 评论 -
CSS的三种引入方式
一行内样式二内部样式三外部样式CSS的三种引入方式行内样式内部样式外部样式行内样式行内样式行内样式是在标签的style属性中设定CSS样式,尽量不要大规模使用(难以维护)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA_Compatible" content=...原创 2020-08-05 19:59:18 · 334 阅读 · 0 评论 -
CSS的三种引入方式
#“GEEK+”原创博主大赛#一行内样式二内部样式三外部样式CSS的三种引入方式行内样式内部样式外部样式行内样式行内样式行内样式是在标签的style属性中设定CSS样式,尽量不要大量使用(难以维护)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA_Comp原创 2020-08-05 19:33:46 · 287 阅读 · 2 评论 -
javascript中try catch throw 的用法
try尝试执行catch捕获异常throw抛出异常<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA_Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, ...原创 2020-08-05 14:59:42 · 1797 阅读 · 1 评论 -
javascript Set
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA_Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Title原创 2020-07-25 22:10:57 · 144 阅读 · 0 评论 -
javascript String扩展方法_startsWith与endsWith与repeat
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA_Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Title原创 2020-07-25 21:37:11 · 206 阅读 · 0 评论 -
javascript Array扩展方法——from、find、findindex、includes
Array扩展方法fromfindfindindexincludesfrom<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA_Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, ini原创 2020-07-25 13:21:51 · 345 阅读 · 0 评论 -
javascript 剩余参数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA_Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Title原创 2020-07-25 10:27:06 · 242 阅读 · 0 评论 -
javascript 箭头函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA_Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Title原创 2020-07-25 08:35:56 · 102 阅读 · 0 评论 -
javascript 解构赋值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA_Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Title原创 2020-07-24 14:09:36 · 138 阅读 · 0 评论 -
ES6 let
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA_Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Title原创 2020-07-24 11:59:09 · 93 阅读 · 0 评论 -
javascript 正则表达式里面的替换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA_Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Title原创 2020-07-24 11:17:57 · 406 阅读 · 0 评论