Javasctipt
Undefind_object
PHP高级讲师
展开
-
JS实现文字滚动 跑马灯效果
JS实现文字滚动 跑马灯效果原创 2022-07-01 15:16:20 · 1803 阅读 · 0 评论 -
jquery生成二维码
链接:https://pan.baidu.com/s/1eqLblJ51Ja3m44gEhmutNQ提取码:cjh6步骤:1. 引入Jquery文件2. 引入jquery.qrcode.js文件3. 引入支持中文的编码js文件 (utf.js)4. 在网页中编写一个div 用于显示二维码5. 准备二维码的规格对象(JSON)var config = { width:数字,//值是number类型, 表示的单位是px 必须传递 height:数字,//值是numbe..原创 2022-05-12 16:27:15 · 3310 阅读 · 0 评论 -
PHP解决跨域问题
在类里添加如下代码 // *等价于所有 // 制定允许其他域名访问 header('Access-Control-Allow-Origin:*'); // 响应类型 header('Access-Control-Allow-Methods:*'); //请求头 header('Access-...原创 2018-11-21 10:23:35 · 5629 阅读 · 1 评论 -
JS验证数据是否为 大小写字母、数字组成
/** * 验证链接后缀是否为 大小写字母、数字组成 */function checkLink(pass){ return pass.match(/[^a-zA-Z0-9]+/);}原创 2022-04-17 19:42:59 · 697 阅读 · 0 评论 -
JS中使用PHP变量
<?php $text = '文本'; $articles = [ [ 'title' => '标题1', 'content' => '内容1' ], [ 'title' => '标题2', 'content' => '内容2' ] ];?><script> //字符串 var text = '<?php echo $text ?>'; console.dir(text.转载 2022-04-07 15:29:40 · 1603 阅读 · 0 评论 -
jquery发送短信按钮倒计时
<button class="getCodeBtn" onclick="sendSms($(this))" id="yanzhengma">获取验证码</button> function sendSms(obj) 通过函数传来的button对象 { var formData = new FormData(); formData.append("phone",$("input[name='rphone']").val()) formData...原创 2022-02-18 17:06:32 · 374 阅读 · 0 评论 -
js 验证域名 判断url是否是合法http/https
核心代码function checkURL(URL){var str=URL;//判断URL地址的正则表达式为:http(s)?://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?//下面的代码中应用了转义字符"\"输出一个字符"/"var Expression=/http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/;var objExp=new RegExp(Expression);if(objExp.转载 2022-02-17 17:28:40 · 1340 阅读 · 0 评论 -
js实现点击空白部分隐藏div
实现思路:可以将一个最外面的div绑定一个点击事件 样式设置成宽度100%高度也是100%颜色可以弄成透明 或者不设置颜色这样点击哪里 JS都可以获取到事件拿侧边栏举例 点击侧边栏展开 点击空白处隐藏 这个时候就可以把整个屏幕都设置成一个div 为一个div绑定事件。...原创 2021-08-31 18:48:58 · 1107 阅读 · 0 评论 -
js将变量值作为对象的key使用
var a = 'aaa'var obj = { [a]: 'valueA', bbb: 'valueB',}console.log(obj.aaa) //valueAconsole.log(obj[a]) //valueAconsole.log(obj.bbb) //valueBconsole.log(obj['bbb']) //valueBvar c = 'ccc'obj[c] = 'valueC'console.log(obj.ccc) //valueCconsole..原创 2021-08-13 17:39:22 · 854 阅读 · 0 评论 -
JS全选全不选反选
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=u.原创 2021-07-16 15:44:20 · 91 阅读 · 0 评论 -
js,为什么一个对象也能用下标去访问?
大话西游666TA贡献1593条经验 获得超13个赞JavaScript 对象取值有两种方法:// 第一种: 点语法var obj = {name: 'ming'};console.log(obj.name); // 第二种: 中括号console.log(obj['name'])使用中括号获取 就是为了 动态的获取key比如for循环的时候 bianliang['这里需要是动态的key'] 如果用 "点" 获取 就获取不到了因为他需要是动态的...原创 2021-07-16 11:06:46 · 1002 阅读 · 0 评论 -
js数组转对象
js数组转对象1.jsvar list = {};var arr = ["123","456","789"];for (var key in arr) { list[key] = arr[key];}console.log(list);转载 2021-07-15 15:20:53 · 567 阅读 · 0 评论 -
jquery获取div下所有input的value值
用jq获取一个div内部所有input[type='text']的值,代码如下:<div id="divid"><div><input type="hidden" value="456"></div></div><script type="text/javascript">$("#divid input[type=hidden]").each(function () {console.log(this.value).原创 2021-07-15 14:45:47 · 3368 阅读 · 0 评论 -
JS循环赋值 和 将js对象转为数组
新建一个html文件,命名为test.html,用于讲解如何在js中循环赋值给页面上的li标签。在test.html文件内,使用ul标签创建一块区域,下面将循环所得的li标签内容输出在此处。在js标签内,创建一个测试数组,数组内有三个值 ,分别为测试一,测试二,测试三在js标签内,使用for循环遍历数组,将数组内每一个值都放在li标签内,并将所有值通过“+=”连接在一起,最终保存在str变量中。在js标签内,通过getElementById()方法获.原创 2021-07-15 12:02:04 · 1584 阅读 · 1 评论 -
为什么ajax能接收到php echo出来的值呢?里面是个什么机制呢?
ajax获取的内容与浏览器打开这个网页获取的内容是一样的,一个是用js获取网页内容,一个是浏览器获取内容并显示,机制是一样的.也就是说ajax去请求 也可以获取输出在浏览器的内容原创 2021-07-06 12:04:37 · 295 阅读 · 2 评论 -
jQuery实现本地图片上传预览
html5以及jQuery实现本地图片上传前的预览,效果类似如下:选择图片前的页面:选择图片之后的预览效果:下面直接上代码(只是最简单的实现代码,css样式没有复制,自己随意发挥):<!DOCTYPE html> <html> <head> <title>HTML5上传图片预览</title> <meta http-equiv="Content-Type" content="text/html; chars转载 2021-06-28 18:32:48 · 1570 阅读 · 4 评论 -
ajax使用formdata上传图片
FormData的主要用途有两个1、将form表单元素的name与value进行组合,实现表单数据的序列化(方便存储数据和传输数据),从而减少表单元素的拼接,提高工作效率。2.异步上传文件function addData(userid) { if ($("select option:selected").val() == 1) { var name = $("input[name='name']").val();原创 2021-06-24 19:03:14 · 525 阅读 · 0 评论 -
jquery绑定click事件出现第二次点击一次执行两次的问题
成功的触发事件,就会有多个事件存放,然后你点击时,就会触发你点击数目的事件。解决方法就是在成功后先取消事件($('#id').unbind();),再执行事件。原创 2021-06-23 18:39:14 · 355 阅读 · 0 评论 -
jquery实现图片上传前本地预览功能
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http.转载 2021-06-23 16:41:41 · 155 阅读 · 0 评论 -
Dom是什么? $(function() )是什么 ?什么时候执行?
1. 什么时候执行呢?(function() {}),即$(document).ready(function(),什么时候执行?$(function() { //执行操作});$(function() {})是$(document).ready(function()的简写, 这个函数什么时候执行的呢?答案:DOM加载完毕之后执行。2. 分析DOM是什么?DOM就是一个html页面的标签树:那么什么时候,DOM 加载完成了呢?即页面所有的 html 标签(...转载 2021-05-25 15:01:47 · 344 阅读 · 0 评论 -
JS根据不同下拉框展示不同内容
百度网盘:链接: https://pan.baidu.com/s/1f2NbgS6xud9Awb_jEymBfA 提取码: 559f原创 2021-05-17 14:46:44 · 777 阅读 · 0 评论 -
js向div中追加html代码
//这是直接插入htmldocument.getElementById("div_id").innerHTML = "你想往div里插入的html代码";//如果想追加,可以这样//先保存div中原来的htmlvar html = document.getElementById("div_id").innerHTML;//再跟你想追加的代码加到一起插入div中document.getElementById("div_id").innerHTML = html + "你想往div里追加的html.转载 2021-05-17 14:39:27 · 3773 阅读 · 0 评论 -
JS使用缓存存储数据
// 存值window.localStorage.setItem("key","value");// 取值window.localStorage.getItem("key");//删除window.localStorage.removeItem("key")localStorage的生命周期是永久的,关闭页面或浏览器之后localStorage中的数据也不会消失。localStorage除非主动删除数据,否则数据永远不会消失。localStorage和sessionStorage的存储数.原创 2021-05-17 14:36:11 · 771 阅读 · 0 评论 -
JS——页面带参数跳转,以及页面接收赋值
#index.htmlwindow.location.href = "../home.html?value=" + rec_value;#home.htmla href=b.html?id=楼主>B页面</a>b.html中的获取函数:function getParam(){C1=window.location.href.split("?")[1]; //得到id=楼主C2=C1.split("=")[1]; //得到楼主alert(C1); alert(C2)}.原创 2020-08-15 19:13:59 · 1183 阅读 · 0 评论 -
js实现图片自动下载到客户端电脑
第一种:最方便快捷的方法就是使用HTML5原生的download属性,这个属性也可用来下载文件等。例如<a href="1.jpg" download>adownload</a>但显然,如果纯粹利用HTML属性来实现下载,对于动态内容,就无能为力。想要实现不需要用户点击便能自动下载图片到客户端可以参考下面的方法第二种:借助base64实现图片的下载如果我们想下载一张图片,可以把这张图片转换成base64格式,然后下载var downloadIamge =.转载 2020-08-15 14:29:46 · 767 阅读 · 0 评论 -
ajax使用post传输还是会在地址栏出现输入数据
今天写代码,发现ajax使用post传输还是会在地址栏出现输入数据,后来把input的name属性去掉就好。记录一下。原创 2020-08-13 11:26:36 · 596 阅读 · 0 评论