js,html,jquery 点击运行jquery 函数
时间:2019-08-28
本文章向大家介绍js,html,jquery 点击运行jquery 函数,主要包括js,html,jquery 点击运行jquery 函数使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
通过按钮触发
html <script src="jquery.min.js"></script> <div id=qzs style="width: 382px;height:282px;position:absolute; background-color:#ff0000; left: 109px; top: 133px;"><a href="#" onClick=setInterval("shoppingcat()",1) >点击我就运行js -jquery函数</a></div> js function shoppingcat(){ document.getElementById("qzs").style.display = "none"//不显示 //document.getElementById("qzs").style.display = "block"//显示 }
http://jquery.cuishifeng.cn/jQuery.Ajax.html
一、通过按钮触发运行
document.getElementById("qzs") 通过div 的id定位 选择 改变对象
二、直接打开网页就运行 通过 ajax 联系 php 到数据库 取数据 还要打包成json格式
json 格式 {} 对象 【】数组
var myChart = echarts.init(document.getElementById('bar_week')); var arr1=[],arr2=[],arr3=[]; function arrTest(){ $.ajax({ type:"post", async:false, url:"data.php", data:{}, dataType:"json", success:function(result){ //{"daming":[53,54,53],"ming":[56,59,57],"jin":[62,114,93],"zuo":[58,113,90]} //[{"public_zao":53,"public_zhong":54,"public_wan":53}] if (result) { for (var i = 0; i < result.length; i++) { arr1.push(result[i].public_zao); arr2.push(result[i].public_zhong); arr3.push(result[i].public_wan); } } } }) return arr1,arr2,arr3; } arrTest(); var option = { tooltip: { show: true }, legend: { data:['早餐报餐'] }, xAxis : [ { type : 'category', //data : arr1 data: ["大明天","明天","今天","昨天"] } ], yAxis : [ { type : 'value' } ], series : [ { "name":"早餐报餐", "type":"bar",//funnel bar 柱形图 "data":arr1, //barWidth : 39, //柱体大小 itemStyle: { //上方显示数值 normal: { label: { show: true, //开启显示 position: 'top', //在上方显示 textStyle: { //数值样式 color: 'black', fontSize: 16 } } } } } ] }; // 为echarts对象加载数据 myChart.setOption(option); // }
原文地址:https://www.cnblogs.com/--3q/p/11423199.html
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 超干货!为了让你彻底弄懂 MySQL 事务日志,我通宵肝出了这份图解!
- 什么情况下不能使用最坏情况评估算法的复杂度?
- Python运算符
- kubeadm高可用集群意外删除一mater节点,重新加入失败
- Chevereto——简介及安装
- Typecho开启伪静态并隐藏index.php
- Prism代码高亮Pjax重载函数
- Qt示例-AnalogClock-自定义窗体-使用QPainter的转换和缩放特性简化绘图
- 2019-12-27-traefik
- 2019-12-05-eck-qustion
- 聊聊dubbo-go的ConsumerSignFilter
- Javascript错误处理
- 程序员说模型过拟合的时候,说的是什么?
- 分分钟教会你搭建企业级的 npm 私有仓库
- Golang语言之字符串操作