- 博客(20)
- 收藏
- 关注
RSS订阅原创 2020-09-11
Cookie弊端详解1.Cookie有数量和长度的限制每个domain最多只能有20条cookie，每个cookie的长度不能超过4KB，超出的部分会被截掉。2.cookie的安全性问题cookie一般用来记录用户的账号和密码，通常经过加密后在网上传递，即使被一些不法分子截获，他们也看不懂经过加密后的cookie信息。但是，cookie一旦被截获，他们不需要去了解cookie含义是什么，只需要将cookie向服务器提交，就可以冒充受害人的身份登录网站。那么如何尽量避免cookie欺骗呢？设置
2020-09-11 20:58:12
439
原创 JS用正则表达式进行表单验证
在网页中一般的我们前端会对用户输入的表单信息进行一个格式的验证，再提交到后端验证，下面的例子就是对用户输入的账号进行格式验证，包括对密码的强度判断。html和css<body> <div id="login"> <input type="text" id="username" placeholder="用户名"/> <span id="msg"> </span> <input type="password"id
2020-07-11 22:34:21
898
原创 JS实现放大镜功能
html和css<body> <div id="div1"> <div id="mark"> </div> <img src="timg.jpg" > </div> <div id="div2"> <img src="timg.jpg" id="img"> </div></body>*{margin: 0;padding: 0;}#div1{wi
2020-07-11 10:44:26
176
原创 JS实现动态生成表格
html和cssbody> <input type="text" id="input1" placeholder="请输入行" /> <input type="text" id="input2" placeholder="请输入列" /> <button id="btn">生成</button> <table border="1" id="tab"> </table></body>td{w
2020-07-11 10:33:47
769
原创 JS实现拖拽功能
html和css<body> <div id="div1"> </div></body>#div1{width: 200px;height: 200px;background: red;position: absolute;}JS代码window.onload=function(){ var oDiv=document.getElementById("div1"); oDiv.onmousedown=function(ev){
2020-07-11 10:21:06
163
原创 JS实现跟随鼠标的提示框
跟随鼠标的提示框鼠标移入到某个关键词就会出现提示框并且在关键词范围内跟随鼠标的移动是怎么实现的呢？下面来看代码简单的html和css <body> <a href="#">诸葛亮</a> <a href="#">霍去病</a> <a href="#">唐太宗</a> <a href="#">武则天</a> <div id="msg"> </di
2020-07-09 23:12:43
1597
原创 JS中this关键字和选项卡案例
this关键字this概念：只要是封装了函数，任何一个函数系统都会内置一个叫做this的变量，这个变量一般存放的是包含当前函数的对象的地址。下面来看一个案例更好的理解this关键字选项卡简单的html和css <body> <div id="div1"> <button class="active">Java</button> <button>HTML</button> <button>Jav
2020-07-09 14:55:11
98
原创 节点操作案例
改变字体颜色和大小html+css <body> <div id="div1"> 节点操作案例 </div> </body>#div1{width: 400px;height: 200px;border: 1px black solid;margin: 40px auto;text-align: center;font-size: 18px;line-height: 200px;}随机颜色的函数function randomCol
2020-07-08 21:51:29
171
原创 JS学习笔记8
DOM含义：文档对象模型获取元素节点的方法1.document.getElementById(id)2.node.getElementsByTagName(标签名)3.node.getElementsByClassName(class名字)4.document.getElementByName(name属性的值)5.document.querySelector()6.document.querySelectorAll()3,5,6,IE8以下不支持兼容IE8以下通过class名字获取节
2020-07-08 16:11:26
89
原创 JS学习笔记7
BOM含义：浏览器对象模型，每一个浏览器窗口都可以看作一个bom。window对象下的方法1.alert()弹出警告框2.confirm()弹出一个带确定和取消的对话框。返回值：点击确定返回true，点击取消返回false3.prompt()弹出一个带输入框的提示框返回值：点击确定返回输入的字符串，点击取消返回null4.open()跳转窗口第一个参数：跳转的url地址，带开一个新窗口，加载url第二个参数：给跳转到的窗口起一个名字，后续不会打开新窗口。第三个参数：一段特殊含义的字符串
2020-07-08 11:37:12
49
原创 JS实现秒表
秒表编写html和css <body> <div id="div1"> <span id="hour"> 00 </span> <span id="min"> 00 </span> <span id="sec"> 00 </span> <br> <button id="btn">开始</button>
2020-07-07 18:12:21
145
原创 用JS实现在网页实时显示当前时间
实时显示当前时间首先编写简单的html和css<body> <div id="div1"> </div></body><style type="text/css"> #div1{width: 600px;height: 100px;border: 1px #000000 solid;margin: 50px auto;}</style>写一个显示当前时间的函数这里主要时设置时间的显示格式，让它更符合我们的
2020-07-07 17:11:47
597
原创 用JS实现简单敏感词过滤和表单验证
敏感词过滤首先完成html输入框 <body> <textarea rows="10" cols="30" name="" id="txt1"> </textarea> <button type="button" onclick="btnClick">发布</button> <div id="msg"> </div> </body>css代码<style ty
2020-07-06 23:48:20
2109
原创 用JS实现网页验证码功能
验证码作用：验证使用网页的用户是否为机器人。验证码一般有两种1.纯数字组成的验证码2.数字和字母结合的验证码纯数字组成的验证码基本不用，因为很容易被破解纯数字组成的验证码首先我们编写一个函数，函数的作用是随机生成n位纯数字验证码，代码如下。function numTestCode(n){//参数n代表我要生成n位验证码，每一位数字的范围是0-9的整数 var arr=[];//存储生成的数字 for(var i=0;i<n;i++){ arr[i]=parseInt(Math
2020-07-06 22:12:54
963
原创 JS学习笔记6
字符串字符串中的字符字符串.length 访问字符串中字符的个数字符串.charAt(下标)访问字符串中的单个字符字符串[下标]也可以访问字符串中的单个字符字符串是只读，字符串一旦被声明就没有办法被修改。注：中文，utf-8编码（三个字符表示一个汉字）gbk（两个字符表示一个汉字） 在计数时都是当作一个字符计数。引用数据类型的字符串前面我们说到，字符串是基本数据类型。因为，字符串特性是只读的，你要修改他，只有重新赋值，这点跟基本数据类型一样。然而他又有跟引用数据类型一样的特点。所以在J
2020-07-06 17:30:30
68
原创 JS学习笔记5
数组数组的方法1.push格式：数组.push(参数1，参数2…)功能：给数组末尾添加元素。返回值：插完元素以后数组的长度2.pop格式：数组.pop()功能：取出数组末尾的元素返回值：从数组末尾取出的元素3.shift格式：数组.shift()功能：取出数组头部的元素返回值：从数组头部取出的元素4.unshift格式：数组.unshift(参数1，参数2…)功能：从数组的头部插入元素返回值：插完元素以后数组的长度5.concat格式：数组.concat(数组，数据…)
2020-07-06 14:24:39
172
原创 JS学习笔记4
函数1.声明函数需要使用关键字functionfunction fun(){ alert("hello world")}2.有参数的函数不需要声明形参类型function fun(n){ for(var i=1;i<=n;i++){ alert("hello world") }}注：函数中的形参类似于在函数中定义了一个局部变量，而传参的过程是将我们给定的某个值赋值给这个局部变量，并不是将我们定义的变量传进函数进行操作。3.有参数有返回值的函数不需要声明返回值类型fun
2020-07-05 16:41:18
54
原创 JS学习笔记3
自动数据类型转换1.其中有一个操作数必须是字符串，运算符必须是+号，别的数据类型转换成字符串，进行字符拼接。2.任何数据和字符串做加法以外的操作<1>如果字符串是一个纯数字组成的字符串，字符串会转成对应的数字<2>如果字符串不是纯数字组成的字符串，转成NaN，NaN和任何数据运算都是NaN.3.除字符串以外的数据，在进行算数运算时，先转成数字，再进行运算true转成1，false转成0，null转成0，undefined转成NaN4.一个操作数是NaN，则==返回fal
2020-07-04 15:09:24
69
原创 JS学习笔记2
变量和常量常量：值不可以改变的叫做常量基本数据类型1.数字2.布尔值3.字符串特殊数据类型1.null2.undefined3.NaN（Not a Number）变量：值可以被修改的叫做变量1.变量声明var number=10;2.初始化：声明变量的时候，直接给这个变量赋值3.undefinde：如果我们声明变量的时候，没有赋值给这个变量，系统默认赋值undefined了解计算机的组成1.磁盘 2.内存 3.cup/gpu程序从磁盘读取到内存中被cpu执行。变量命
2020-07-04 14:16:04
89
1
原创 JS学习笔记1
什么是JavaScriptJS是一个跨平台的脚本语言脚本语言的特点，不能独立运行，要依赖于网页JS程序的运行离不开HTML网页JavaScript的功能1.动态加载更多的数据，需要用到JS2.网页特效（漂浮的广告）3.用户记住用户名和密码4.网页游戏的开发JavaScript的组成1.ECMAScript3，4，5，6，72.DOM 文档3.BOM 浏览器JS代码的编写所有js代码都在script标签中编写script标签的属性：1.type=‘text/javascrip
2020-07-04 13:12:04
80
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人