javascript
关注
分享
扫一扫
危笑qwq
这个作者很懒，什么都没留下…
展开
-
javascript获取json数组长度以便循环
function getHsonLength(json){ var jsonLength=0; for (var i in json) { jsonLength++; } return jsonLength; }原创 2021-05-19 21:03:05 · 355 阅读 · 0 评论 -
ajax+springboot获取遍历文件夹
思路老办法ajax前后端互传参数，前端表单提交需要遍历哪个父文件夹，后端遍历父文件夹并发送json数组给js,js接收后显示在页面上两个不太好的地方sp1:判断对象是文件夹还是文件，这里采用了正则表达式判断文件名，如果只有数字字母下划线则判断为文件夹（文件带后缀.dov）sp2:输入文件夹名字时由于要传给ajax,获取input输入内容没有用表单而 是document.getElementById(“foldername”).value函数，需要额外设置一个按钮使其提交前端代码<!DOCT原创 2021-05-19 19:15:37 · 1032 阅读 · 0 评论 -
js获取下拉列表选中的文本
var a1=$("#ele").val();原创 2021-05-06 17:57:56 · 638 阅读 · 1 评论 -
easyUI入门
简介一种前端框架，类似于bootstrap引入依赖下载地址http://www.jeasyui.com/download/downloads/jquery-easyui-1.7.0.zip解压缩后将全部插件放进项目的js文件夹ps:解压后是一堆插件css都在二级目录里了,和bootstrap的引入相比高下立判。。写一个测试index.html试一下样式是否引入注意,如果和上图的项目结构一致，则 src="js/jquery.easyui.min.js不要写成 /js/…或.js/&l原创 2021-05-02 12:07:02 · 109 阅读 · 0 评论 -
ajax--后台springboot向html传参
前几天弄js向后台传参网上有很多教程，但是反过来就都是一些繁琐的方法，我参考php/asp向前端传参的方式改了一下ccc.html注意：这里面的ajax代码有一个参数str,本例未使用（随便给了个字符），这个参数可以用来帮助数据库的模糊查询等等功能点击按钮即可显示后台传的参数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title&原创 2021-04-30 14:40:20 · 1150 阅读 · 1 评论 -
echarts入门
功能一个基于 JavaScript 的开源可视化图表库入门1新建一个html文件2引入js<script type="text/javascript" src="js/echarts.min.js"></script>3给一个具有足够宽高的盒子<div id="main" style="width: 600px;height:400px;"></div>4将需要的图表实例代码复制黏贴就好了网址https://echarts.a原创 2021-04-29 17:47:51 · 155 阅读 · 1 评论 -
ajax+php连接阿里云数据库
简略php连接数据库，前端页面通过ajax发送查询请求注意xmlhttp.open(“GET”,“docusql.php?q=”+str,true);?q别忘记写，否则无法传递参数给php整个项目要放在phpstudy的www文件夹中，否则php无效项目代码稍后上传阿里云盘...原创 2021-04-23 15:50:34 · 295 阅读 · 0 评论 -
简单的网页加载动画
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link href="as原创 2021-04-17 18:40:37 · 151 阅读 · 1 评论 -
JQuery--dom捕获html元素
text()方法捕获div的文本<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready原创 2021-04-13 17:13:22 · 214 阅读 · 0 评论 -
JQurey--动画
animate函数实现div的平移缩放动画bottom,left,right,top平移height+=缩放js$(document).ready(function(){ $("button").click(function(){ $("div").animate({bottom:'100px',height:'+=100px',width:'+=100px'}); });});</script> html<!DOCTYPE html><ht原创 2021-04-13 17:08:21 · 127 阅读 · 0 评论 -
JQuery---动态效果
显示/隐藏hide后面的参数是动态消失速度 $("#test2").mouseenter(function(){ $("#test1").hide(1000); });动态隐藏出现完整代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="https://cdn.sta原创 2021-04-09 15:34:43 · 122 阅读 · 0 评论 -
JQuery--选择器和事件
选择器 $("#test2").click(function()#test2 表示 选择 id为test2的html元素$("button").click(function()选择所有button按钮事件$("button").click(function()//单击触发$("button").ablclick(function()//双击触发$("button").mouseenter()//鼠标轻触...原创 2021-04-09 14:55:12 · 107 阅读 · 0 评论 -
javascript---正则regexp
例子：检查邮箱地址 //正则表达式 function email(){ var y=document.forms["uu"]["name"].value var demo=/@.+com/; if(demo.test(y)!=true){ alert("邮箱格式不正确"); } }正则使用var demo=/正则表达原创 2021-04-05 11:17:44 · 97 阅读 · 0 评论 -
javascript---常见语法
语法与c+很类似例如 if,switch,forfor :for (var i=0;i<cars.length;i++){ document.write(cars[i] + "<br>");}在页面输出0-10 <script> for(var i=0;i<=10;i++) { document.write(i); document.write("<br>原创 2021-04-05 11:08:24 · 348 阅读 · 0 评论 -
javascript--对象/函数传参/js验证表单
对象定义var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};去除属性值person.lastName;例子：与innerhtml组合点按查询属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatibl原创 2021-04-04 11:44:54 · 118 阅读 · 0 评论 -
bug---xxx函数is not defined
问题：解决：script标签引入了外部js，例如src=js/min.js,导致写在htmlbody内部的js代码失效原创 2021-04-04 11:21:04 · 197 阅读 · 0 评论 -
jQuery学习
在代码中引入jquery这里使用的是百度的cdn<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>语法基础语法： $(selector).action()$(一个html元素).一个动作例如：$("#test").hide() - 隐藏 id=“test” 的元素jquery代码写在一个$里面$(function(){ // 开始写 jQuery原创 2021-04-02 16:26:05 · 88 阅读 · 0 评论 -
javascript---入门
之前学习javascript都是一带而过，真正掌握的很少，参考菜鸟教程系统学习一下js例子step1.设置一个函数 documnet.getelemnetbyid(id).innerhtml=想显示的内容step2.写一个带id的段落或者盒子step3.写一个按钮触发函数<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>js学习</title>原创 2021-04-02 15:14:57 · 100 阅读 · 0 评论 -
ajax----ajax将mysql数据库内容动态显示在html
php文件连接数据库格式$con = mysqli_connect（“localhost”,“username”,“password”,“数据库名字”）代码原创 2021-03-30 17:26:28 · 325 阅读 · 0 评论 -
ajax--php实例
phpstudy 配置php环境安装php环境官网下载安装phpstudy.一路next即可（注意不要安装到中文路径）点击启动apache服务apache配置以及和hbuilderx内置浏览器组合使用网站的根目录：D:/phpstudy_pro/WWW/（不知道啥作用）apache网站目录：“D:/phpstudy_pro/WWW”启动端口：8848hbuilder内置浏览器的端口号是8848将phpstudy的端口号也改成8848即可新建一个项目在phpstudy的www文件夹中新建原创 2021-03-29 16:43:31 · 221 阅读 · 0 评论 -
ajax入门
定义、作用不重新加载整个网页的情况下，对网页的某部分进行更新例子（代码见具体案例）点击按钮更换文本流程XMLHttpRequest 对象所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。variable=new XMLHttpRequest();、创建xmlhttprequest匹配新旧浏览器var原创 2021-03-29 15:04:57 · 114 阅读 · 0 评论 -
bug---javascript代码无效
<script> var person={name:"张三",age="18"}; document.write(person.name); document.write(person.age); function f(){ return 100; } var a=f(); document.write(a); alert("hello"); </script>错误在第二行age=18,应该用冒号.原创 2021-03-05 16:00:29 · 181 阅读 · 0 评论