1. Ajax
function get(url) { var xhr = new XMLHttpRequest(); xhr.open('GET', url); xhr.onreadystatechange = function (data) { } xhr.send(); } function post(url, params) { var xhr = new XMLHttpRequest(); xhr.open('POST', url); xhr.onreadystatechange = function (data) { } xhr.send({ data: params }); }
2. 常用
// 选择 var ele = document.querySelectorAll('#id.class'); // 属性 ele.setAttribute('key', 'value'); ele.getAttribute('key'); // 样式 ele.classList.add('class'); ele.classList.remove('class'); ele.classList.toggle('class'); // 创建 var newEle = document.createElement('div'); // 添加 ele.appendChild(newEle); // clone var cloneEle = ele.cloneNode(true); // 移除 ele.removeChild(newEle); // 父级, 上一个, 下一个 var parent = ele.parentNode; var prev = ele.previousElementSibling; var next = ele.nextElementSibling; // 事件1 var evt = document.createEvent('HTMLEvents'); //创建 evt.initEvent('click', false, false); // initEvent不加后两个参数, FF会报错 ele.dispatchEvent(evt); // 触发 // 事件2 ele.addEventListener('click', function(){ }, false);
3. Demo
// 图片下载 // 页面地址: http://demo.htmleaf.com/1501/201501071637/index.html // 自动下载图片 function download(url , name){ // 创建超链接a var a = document.createElement('a'); a.href = url; a.download = name; // 设置download, 则hmlt5下,点击a时自动下载 // 创建点击事件 var evt = document.createEvent('HTMLEvents'); evt.initEvent('click', false, false); a.dispatchEvent(evt); // 触发a的点击事件实现自动下载 } var imgs = document.querySelectorAll('ul > li > img'); for (var i = 0; i < imgs.length; i++){ var img = imgs[i]; var url = img.src; var strs = url.split('/'); var name = strs[strs.length - 1]; download(url, name); }
相关推荐
段时间翻了一番JavaScript的api,发现不少好的轮子,省去造的麻烦了。下面给大家汇总一下,有需要的小伙伴可以参考下。
JavaScript中文API的chm版,js的原生api
NS:IDE - 实现在运行时通过调用 Javascript API 来访问任何原生功能。
使用原生javascript、jsonp技术与百度api实现本地ip定位。
它支持面向对象编程,并可以与其他技术(如Ajax和Web API)一起使用,以实现更复杂的功能,如实时更新内容、响应用户操作和创建交互式网页游戏。 在2019年,JavaScript的使用已经非常广泛,不仅在浏览器中运行,还...
JS调用Android Native API,在webview中通过js代码调用本地的java代码,比如:可以通过网页中的js代码调用android的音频服务播放音乐等等
微小的hashing模块,它在Node.js和浏览器中使用原生crypto API
SYSTABLE version1.2 table表格插件,是本人...支持javascript API接口调用。支持排序,checkbox全选,表格列宽拖拽,按钮操作,分页等table表格功能操作。 支持表格直接修改信息,支持checkbox单选框选择, 文本修改。
原生 Redis 驱动程序的包装器,带有 JavaScript 的便捷 API。 工作正在进行中,还没有什么严重的。 描述 TDB。 客户 以与本机客户端完全相同的方式创建客户端。 var redissen = require ( 'redissen' ) ; var ...
利用React Native以一种简单、声明式的API创建跨平台原生表单
JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。 JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。
libj是一个跨平台的原生运行时库,配有Java / JavaScript类API,使您能够以类似于Java / JavaScript的方式编写高效的C 代码。
web audio api + audio标签 javascript 原生实现音频播放标注功能
Radioactive 是用于 Javascript 的原生FRP(功能React式编程)环境。 我们所说的Native是指它在语言级别启用函数式响应式编程。 您可以编写简单的 Javascript 代码并让 Radioactive 处理异步数据访问和自动更改传播...
微小的,类型安全的,JavaScript原生context实现。 为什么? 跨浏览器,worker和node.js在项目上进行工作需要在同一件事上使用不同的实现,例如fetch vs require('http') 。 Go的包提供了一个很好的抽象,可以将...
haproxy-api为HAProxy的“ stats”套接字提供了Javascript原生的ReSTful接口。 它使用 Javascript库与HAProxy交互并运行所有命令。 特征 多进程模式下的HAProxy( nbproc > 1) UNIX stats套接字,不支持查询HTTP...
然后,NativeScript运行时环境找到原生的目标API,将JS数据类型转化为相应的原生类型,然后调用原生API,并将得到的结果值返回,具体流程如下图所示: 举例来说,在安卓平台上创建文件对象var file = new java.io....
该资源包的执行效果查看地址:...“GIS之家”专栏中的“28.(arcgis api for js篇)arcgis api for js圆修改圆编辑(SketchViewModel)”。如下载有问题,可联系博主。 解压密码:arcgis
主要介绍了实例讲解使用原生JavaScript处理AJAX请求的方法,这样就算是利用原生API而脱离了jQuery中的Ajax方法,需要的朋友可以参考下