![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
JavaScript
Z0o1010
这个作者很懒,什么都没留下…
展开
-
一行代码更改网页内容
打开网页 -> F12 -> console -> 输入以下内容即可document.body.contentEditable = 'true'原创 2021-09-17 15:09:22 · 175 阅读 · 0 评论 -
改变匿名函数之中this的作用域
var name="Liny";console.log("全局中this指向", this.name);var o = { name: "tom", say:function(){ console.log("对象中this指向", this.name); }}o.say();var f = { name: "tina", say:function(){ var that = this; return function(){ console.log("对象中匿名函数t原创 2020-11-13 17:20:25 · 116 阅读 · 0 评论 -
见识到一种新的传参方法,长见识了
<!DOCTYpE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <div> <p>一</p> <p>二</p> <p>三</p> </div> </body&g原创 2020-11-13 17:09:46 · 72 阅读 · 0 评论 -
利用正则获取当前网页所有链接
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="./css/Test.css"/> </head> <body> 友情链接 <ol> <li><a hre原创 2020-11-13 08:22:27 · 801 阅读 · 0 评论 -
利用 setInterval 产生随机手机号码
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> .in{ border: solid; color: #0000FF; width: 50px; height: 50px; font-size: 40px; text原创 2020-10-23 08:50:13 · 258 阅读 · 0 评论 -
动态文字时针
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="js/Test.js"></script> </head> <body onload="clock()"> <form action="" me原创 2020-10-21 20:08:16 · 104 阅读 · 0 评论 -
简易登录校验
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="js/Test.js"></script> </head> <body> <form action="" method="post" name=原创 2020-10-21 17:26:32 · 61 阅读 · 0 评论 -
计算器
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="js/Test.js"></script> </head> <body> <form action="" name="calcform">原创 2020-10-21 15:26:48 · 109 阅读 · 0 评论 -
使用 setInterval 完善轮播图
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> * { margin: 0px; padding: 0px; } #outer { /*width: ; 图片宽度 */ /*height: ; 图片高度 */ margin: 50px a原创 2020-10-19 16:41:31 · 500 阅读 · 0 评论 -
根据 setInterval 定义移动 Div 的函数
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> * { margin: 0; padding: 0; } #box1 { width: 100px; height: 100px; background-color: red; po原创 2020-10-19 14:25:35 · 149 阅读 · 0 评论 -
轮播图
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> </style> <script type="text/javascript"> window.onload = function(){ var imga = document.getElementByI原创 2020-10-16 18:10:22 · 133 阅读 · 0 评论 -
键盘移动Div
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> #box1{ width: 100px; height: 100px; background-color: red; position: absolute; } </style> <sc原创 2020-10-15 17:32:13 · 78 阅读 · 0 评论 -
实现鼠标滚轮控制Div高度
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> #box1{ width: 150px; height: 150px; background-color: red; } </style> <script type="text/javascri原创 2020-10-15 16:01:28 · 295 阅读 · 0 评论 -
点击Div任意位置进行拖动
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> #box1{ width: 150px; height: 150px; background-color: yellowgreen; position: absolute; } #box2{原创 2020-10-15 15:39:59 · 225 阅读 · 0 评论 -
Div跟随鼠标移动
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> #box1{ width: 100px; height: 100px; background-color: red; position: absolute; } </st原创 2020-10-14 11:17:42 · 91 阅读 · 0 评论 -
表格内容的新增&删除
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> function delA(){ var tr = this.parentNode.parentNode; var td = tr.firstElementChild.innerText原创 2020-10-12 22:04:10 · 107 阅读 · 0 评论 -
全选&全不选&反选&提交
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> window.onload = function(){ var items = document.getElementsByName("items"); var checkedAllBo原创 2020-10-11 16:44:14 · 92 阅读 · 0 评论