javascript新的原生态API

原创 2013年12月03日 18:04:06

     以下是最新的w3c标准的javascript,目前支持运行在firefox, chrome,IE9以上版本的浏览器

     参考资料:https://developer.mozilla.org/ru/docs/Web/API

                         http://docs.webplatform.org/wiki/dom


选择元素
var els = document.querySelectorAll('.el');

var $ = function (el) {
  return document.querySelectorAll(el);
}

var els = $('.el');

创建元素

var newEl = document.createElement('div');
Add event listener

事件绑定

[].forEach.call(document.querySelectorAll('.el'), function (el) {
  el.addEventListener('event', function() {

  }, false);
});

set/get操作

document.querySelector('.el').setAttribute('key', 'value');
document.querySelector('.el').getAttribute('key');

添加、移除、变换样式类

document.querySelector('.el').classList.add('class');
document.querySelector('.el').classList.remove('class');
document.querySelector('.el').classList.toggle('class');

追加节点

document.querySelector('.el').appendChild(document.createElement('div'));

克隆节点

var clonedEl = document.querySelector('.el').cloneNode(true);

移除节点

remove('.el');

function remove(el) {
  var toRemove = document.querySelector(el);

  toRemove.parentNode.removeChild(toRemove);
}

父元素

document.querySelector('.el').parentNode;

前后元素

document.querySelector('.el').previousElementSibling;
document.querySelector('.el').nextElementSibling;

get/post的Ajax操作

// get
var xhr = new XMLHttpRequest();

xhr.open('GET', url);
xhr.onreadystatechange = function (data) {

}
xhr.send();

// post
var xhr = new XMLHttpRequest()

xhr.open('POST', url);
xhr.onreadystatechange = function (data) {

}
xhr.send({data: data});


版权声明:本文为博主原创文章,未经博主允许不得转载。

Javascript API 文档

  • 2009年11月27日 16:45
  • 1.39MB
  • 下载

H5的新特性及API详解(很惊人)

h5新特性总览 移除的元素 纯表现的元素: basefont、big、center、font等  对可用性产生负面影响的元素: frame、frameset、noframes 新增...
  • baidu_31333625
  • baidu_31333625
  • 2017年01月20日 17:00
  • 6901

ECMAScript5新JavaScript API入门

ECMAScript5 给出了一系列新的API接口,这些接口在新的浏览器中大部分是被支持的,IE9,Chrome,FirFor都支持,也有少量API不是所有浏览器都支持,以下内容仅介绍大部分被支持的A...
  • shyleoking
  • shyleoking
  • 2012年03月08日 08:57
  • 11862

javascript新的原生态API

以下是最新的w3c标准的javascript,      参考资料:https://developer.mozilla.org/ru/docs/Web/API                     ...
  • zouqingfang
  • zouqingfang
  • 2013年12月03日 18:04
  • 604

前端工程师百度地图api 的使用教程(最新版本javascriptapi)

在国内我们要使用地图的api的话,基本上就使用百度地图了; 这里我来介绍一下最新的javascript Api的使用情况; 1:首先我们要在百度注册一个账号;如果没有经过邮箱验证是要经过邮箱验证的...
  • qq_18832439
  • qq_18832439
  • 2015年11月26日 11:29
  • 2743

微信支付开发(3) JS API支付

本文介绍如何使用JS API支付接口完成微信支付。   一、JS API支付接口(getBrandWCPayRequest) 微信JS API只能在微信内置浏览器中使用,其他浏览器调用无效。微信...
  • txw1958
  • txw1958
  • 2016年01月16日 11:31
  • 1350

第23条:请不要在新代码中使用原生态类型

术语: 泛型(generic type):
  • u014723123
  • u014723123
  • 2014年07月08日 10:03
  • 677

video.js API

videojs就提供了这样一套解决方案,他是一个兼容html5的视频播放工具,早期版本兼容所有浏览器,方法是:提供三个后缀名的视频,并在不支持html5的浏览器下生成一个flash的版本。 最新的3...
  • huang100qi
  • huang100qi
  • 2016年11月30日 11:26
  • 13209

html5新api对文件的操作

http://www.zhangxinxu.com/wordpress/2011/09/%E5%9F%BA%E4%BA%8Ehtml5%E7%9A%84%E5%8F%AF%E9%A2%84%E8%A7...
  • cdnight
  • cdnight
  • 2014年05月20日 11:12
  • 23620

ajax原生js写法

参考 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。function loadXMLDoc() { var ...
  • ptspzy
  • ptspzy
  • 2016年06月17日 21:03
  • 1100
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript新的原生态API
举报原因:
原因补充:

(最多只允许输入30个字)