javascript
jimjiayu
这个作者很懒,什么都没留下…
展开
-
vue下载在前端存放的pdf文件
文件是在前端public文件夹下放的。原创 2023-09-28 09:41:41 · 1005 阅读 · 0 评论 -
html2canvas实现将地图截屏输出图片(设置图片标题,自动下载截图的图片)
html2canvas文档:html2canvas<div id="map"></div> <canvas id="myCanvas" width="800" height="600" style="display:none;"> </canvas> <div id="box"> <button ...原创 2019-11-11 11:22:24 · 5529 阅读 · 9 评论 -
HTML5面试题目汇总(三)
用过哪些设计模式?工厂模式: 主要好处就是可以消除对象间的耦合,通过使用工程方法而不是new关键字。将所有实例化的代码集中在一个位置防止代码重复。 工厂模式解决了重复实例化的问题 ,但还有一个问题,那就是识别问题,因为根本无法 搞清楚他们到底是哪个对象的实例。function createObject(name,age,pro转载 2016-09-28 14:31:19 · 1122 阅读 · 0 评论 -
JavaScript charCodeAt() 方法
charCodeAt() 方法可返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。方法 charCodeAt() 与 charAt() 方法执行的操作相似,只不过前者返回的是位于指定位置的字符的编码,而后者返回的是字符子串。 注释:字符串中第一个字符的下标是 0。如果 index 是负数,或大于等于字符串的长度,则 charCodeAt() 返回 NaN。原创 2016-11-02 19:18:37 · 2385 阅读 · 0 评论 -
把表中一列的所有数字加和
<!DOCTYPE html><html><head> <title>Aceesing numbers in table</title> <style type="text/css"> #tab{ border: 1px solid #333; border-collapse: collapse;原创 2017-04-23 18:32:00 · 959 阅读 · 0 评论 -
通过 javascript 获取当前url地址相关信息
//获取当前url地址var curUrlPath=window.document.location.href; 假如当前url地址为:http://localhost:8080/agenda/static/groupSchedule.html?teamid=3&teamname=team2//获取主机地址之后的部分var pathName=window.document.location.原创 2017-05-15 18:29:03 · 374 阅读 · 0 评论 -
input 输入框实时监听输入内容
js实现<!DOCTYPE html><html><head> <title></title></head><body> <input type="text" id="input" oninput="aa(event)" onporpertychange="aa(event)"> <script type="text/javascript"> var input =原创 2017-08-04 12:25:37 · 8423 阅读 · 0 评论 -
JSON数据解析生成一个每行10列,行数不固定的表格
JSON数据{ "data":["金背大砍刀", "门扇大刀", "齐凤朝阳刀", "象鼻古月刀", "青龙偃月刀", "银龙锁日月三挺砍山刀", "三尖两刃刀", "合扇板门刀", "金背砍山刀", "三尖两刃四窍八环刀", "雁翎刀", "青铜刀", "丹凤刀", "板门红缨刀", "锈绒刀", "三挺金背刀", "狼牙刀", "七星刀", "金背刀", "三挺刀", "七星摺花刀",原创 2017-08-21 11:32:13 · 1863 阅读 · 0 评论 -
chrome jsonView插件安装
由于谷歌浏览器经常打不开应用商店,还有就是安装第三方插件的办法。方法就如下: 由于最近做和json相关的东西,所以,以jsonView插件为例分享一下。 1、打开https://github.com ; 2、搜索 jsonView 链接:https://github.com/search?utf8=%E2%9C%93&q=jsonview; 3、选择需要的插件(我下载的是这个gild转载 2017-06-10 21:28:55 · 391 阅读 · 0 评论 -
js实现dom排序
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>div排序</title> </style></head><body><div id="box"> ...原创 2019-07-23 13:51:20 · 1006 阅读 · 0 评论 -
js下载后台返回的excel文件流
注意:用jQuery ajax - ajax() 方法是获取不到请求成功的数据的。 var xhr= new XMLHttpRequest(); xhr.open("GET", "<你的返回流的Action路径>", true); xhr.responseType = "blob"; xhr...原创 2019-08-07 16:39:52 · 4768 阅读 · 2 评论 -
EasyUI tree 点击节点后,节点图标变为了文件夹形式,但是子节点并没有添加上去问题解决
$('#tt').tree({ url: 'test.json', loadFilter: function (data) { return data.result; }, onClick: function (node) { add() ...原创 2019-08-07 17:58:42 · 1479 阅读 · 6 评论 -
GeoJSON 和 TopoJSON
GeoJSON 和 TopoJSON 是符合 JSON 语法规则的两种数据格式,用于表示地理信息。1. GeoJSONGeoJSON 是用于描述地理空间信息的数据格式。GeoJSON 不是一种新的格式,其语法规范是符合 JSON 格式的,只不过对其名称进行了规范,专门用于表示地理信息。GeoJSON 的最外层是一个单独的对象(object)。这个对象可表示:- 几何原创 2016-09-26 11:47:11 · 3027 阅读 · 0 评论 -
Array 对象方法
concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。 var a = [1,2,3,4]; var b = ["I","like","you"]; var c = ["javasctipt"]; console.log(a.concat(b,c)); //[1, 2, 3, 4, "I", "like", "you",原创 2016-10-11 11:32:32 · 321 阅读 · 0 评论 -
按钮控制div大小
无标题文档a{ text-decoration:none;border:1px solid #ccc; width:30px; height:30px; display:inline-block; line-height:30px; color:#ccc; text-align:center;}a:hover{border:1px solid #000;}#div1{border:1px原创 2015-11-01 12:39:23 · 1965 阅读 · 0 评论 -
for循环计算元素坐标
无标题文档div{width:50px; height:50px;background:red;position:absolute;top:0;left:0;font-size:30px;text-align:center;line-height:50px;}window.onload = function(){ var aDiv = document.getElementsByTag转载 2015-11-02 11:22:14 · 1395 阅读 · 0 评论 -
封装检测数字的方法
无标题文档var alnp = document.getElementsByTagName('input');alnp[1].onclick = function(){ var val = alnp[0].value; if(detectNum(val)){ alert('恭喜全是数字'); } else{ alert("不是数字"); } } va翻译 2015-11-01 20:45:44 · 397 阅读 · 0 评论 -
Jquery 更改 html()
1.1 Jquery 更改 html()作用: html() 方法设置或返回被选元素的内部html。1.返回 html html();2.设置 htmlhtml(内容);$(function(){ //alert($('div').html()); $('div').html('天空很蓝');})无标题文档 $(func翻译 2015-11-18 15:59:51 · 595 阅读 · 0 评论 -
Date对象
JavaScript中可以用Date对象及其方法来取得日期和时间。Date对象有许多方法来设置、提取和操作时间,它没有任何属性。建立Date对象的语法如下:var today = new Date ()var someday = new Date (毫秒数)var someday = new Date (年,月,日[,时,分,秒,毫秒])Javascript时间戳:19翻译 2015-12-06 17:25:48 · 81 阅读 · 0 评论 -
数学对象
Document //获取圆周率 //alert(Math.PI); //获取随机数 //document.write(Math.random()+""); //获取5—12之间的随机数 //document.write(5+Math.random()*7+""); //document.write(5+Math.random()*7+"翻译 2015-12-06 15:01:52 · 328 阅读 · 0 评论 -
HTML5面试题目汇总(二)
1、怎样添加、移除、移动、复制、创建和查找节点?1)创建新节点createDocumentFragment() //创建一个DOM片段createElement() //创建一个具体的元素createTextNode() //创建一个文本节点2)添加、移除、替换、插入appendChild() //添加removeChild() //移除replaceChild() //替换insertBefore转载 2016-07-19 10:15:57 · 3913 阅读 · 0 评论 -
本地存储之简单存储
1、HTML5提供了四种在客户端存储数据的新方法,即 localStorage、sessionStorage、globalStorage、Web Sql Database。前面三个适用于存储较少的数据,而Web Sql Database适用于存储大型的,复杂的数据。2、IE8、Firefox3.6、Chrome5、Safari4、Opera4,各个浏览器在APIf方面的实现基本一致,存在一定的原创 2016-09-06 10:47:24 · 540 阅读 · 0 评论 -
闭包的两个注意点
闭包使用注意点 1 2 3 /*对捕获的变量只是引用,不是复制*/ // function fn(){ // var num = 1; // function g(){ // alert(num); // } // num++; // g(); // } // fn(); /*父函数被调用一次会产生不同的闭包*/原创 2016-10-09 15:49:54 · 493 阅读 · 0 评论 -
对象的创建(字面量形式)
对象 //创建对象 // var stu = new Object();//创建一个空对象 // //属性--特征 名词 // stu.name = "小麦"; // stu.age = 23; // stu.sex = "女"; // //属性--行为 动词 // stu.like = function(name){ // //只有在当前stu对原创 2016-10-09 20:54:44 · 2222 阅读 · 0 评论 -
Javascript事件处理程序的浏览器兼容性
DOM2级事件处理程序 var btn = document.getElementById('btn'); function showMe() { alert('hello'); } //btn.addEventListener('click',showMe,false); // 删除事件 //btn.removeEventL原创 2016-10-10 19:58:19 · 518 阅读 · 0 评论 -
String对象的常用方法
String对象 var str = "Hello,World"; var mlen = str.length; var mup = str.toUpperCase(); var mlow = str.toLowerCase(); var search = str.search('o');//返回要查找的字符串第一次出现的位置 如果没有找到任何匹配的子串,则返回 -1 conso原创 2016-10-10 22:39:50 · 1028 阅读 · 0 评论 -
添加索引值、匹配数组、HTML元素
添加索引值、匹配数组、HTML元素window.onload = function(){ var oBtn = document.getElementsByTagName('input'); var oP = document.getElementsByTagName('p'); var arr = ['莫涛','张森','杜鹏']; for(var i = 0; i<oBtn.len翻译 2015-11-04 11:25:56 · 2359 阅读 · 0 评论