原生js
aswind7
aswind7
展开
-
关于html选择文件(input指定类型js判断)
第一个例子: 点击button后才能判断类型无标题文档 function check(){ if (/.*\.txt$/.test(document.getElementById("input-file").value)) { ; } else { alert('请选择txt文件!') } } 第二种:oncha原创 2015-07-18 14:11:15 · 3359 阅读 · 0 评论 -
图片按需加载
// 懒加载 function lazyload() { var imgs = document.getElementsByTagName("img"); var tmp_url; var winHeight = document.documentElement.clientHeight; for (var i = 0; i <原创 2016-12-20 13:51:39 · 396 阅读 · 0 评论 -
js深度、广度 遍历 dom树
// 深度遍历function interator(node) { console.log(node); if (node.children.length) { for (var i = 0; i < node.children.length; i++) { interator(node.children[i]); }原创 2016-12-22 12:51:13 · 3137 阅读 · 0 评论 -
图片加载显示loading图的疑惑解决
http://fgm.cc/learn/lesson2/11.html 遇到的问题var img = new Image();img.src = oImg[0].src = this.src.replace(/small/,"big"); //显示loading图 oDiv.style.display = "block"; /原创 2015-12-09 18:25:19 · 1903 阅读 · 0 评论 -
ajax与nodejs实现小交互(html,txt)
ajax.js//此组件仅实现了html文档的读取,并未实现xml的读取var btn = document.querySelector("#clickMe");var http_request = null;/**客户端的请求程序**/function makeRequest(url) { //创建客户端xml对象 if (window.XMLHttpRequest) {原创 2015-10-30 11:20:02 · 1987 阅读 · 0 评论 -
停止冒泡事件的方法(已兼容)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <button>点我<tton> <script> var btn = document.querySelector("button");原创 2015-10-13 09:06:05 · 440 阅读 · 0 评论 -
offsetLeft到浏览器边用回溯替代的方法
高程有错。 html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- <meta http-equiv="X-UA-Compatible" content="IE=7"> --> <style> body {原创 2015-10-11 00:48:04 · 427 阅读 · 0 评论 -
获取url参数的几种方式
// 方法一:function getLocationValue1(propName){ var qs = location.search; // 去掉问号 qs = qs.substring(1); // 定义数组保存每个name-value对 var name_value_Array = qs.split('&'); // 分别存储名字和值原创 2015-10-09 10:55:15 · 681 阅读 · 0 评论 -
异步创建js,css,外部内嵌样式
// 创建js内部外部是一样的,见高程3第279页。//外部样式表,传入样式表的urlfunction loadLinkString(url){ var link = document.createElement('link'); var head = document.getElementsByTagName('head')[0]; link.type = 'text/原创 2015-10-10 11:20:23 · 283 阅读 · 0 评论 -
创建随机数,对象,数字,字符串
//见 http://segmentfault.com/q/1010000000197274//创建随机数,字符串等console.log('创建随机数,字符串等');var mkMixedArr = function(len, dev) { var xs = new Array(len); for (var i = 0; i < len; ++i) { var原创 2015-10-08 15:39:58 · 348 阅读 · 0 评论 -
对象,数组,字符串,数字,date的深复制浅复制问题
// *******数组的深浅复制****************/// 浅复制,导致引用类型都改变console.log('浅复制,导致引用类型都改变');var array1 = ['red','yellow','blue']; var array2 = array1;console.log(array1); array2[0] = 'changed';console.log(ar原创 2015-10-08 12:00:19 · 384 阅读 · 0 评论 -
创建对象的几种模式
/***下面是一些创建对象的模式,可反复看*以创建人为例子,人有自己的名字和年龄,并有一个说自己名字和年龄的方法**///模式一:为了避免重复代码如var obj = {....}的代码出现,萌生了最初的工厂模式,缺点:无法获知对象的类型function createPerson(name,age){ // 创建一个对象 var o = new Object(); o原创 2015-09-29 10:51:31 · 362 阅读 · 0 评论 -
js的几种继承方式
//方式一: 原型链继承function Parent(){ this.name = 'dad';}Parent.prototype.getParentName = function(){ return this.name;}// 子类function Child(){ this.subName = 'baby';}// 下面这步实现继承,这步需要放在getCh原创 2015-09-29 15:36:41 · 604 阅读 · 0 评论 -
(原生js)点击body隐藏div,但若点击的是指定的位置则不隐藏
仿大众点评网的切换城市: http://www.dianping.com/shijiazhuang 重点:取消事件冒泡<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>模拟select控件</tit原创 2015-08-30 12:05:34 · 4003 阅读 · 0 评论 -
滚动页面时DIV到顶部时fixed(原生js实现)
菜单滚动至顶部后固定.wrapper{width:1000px;height:2000px;margin-left:auto;margin-right:auto;}.header{height:150px;}#nav_keleyi_com{padding:10px;position:relative;top:0;background:#125430;width:1000px;}a原创 2015-07-02 19:32:37 · 1185 阅读 · 0 评论 -
数组的去重问题
//**************** 数组去重的几种方法****************///参考: http://php.js.cn/blog/array-unique-in-javascript/#comment2665//方法一:用indexOf()查找,indexOf()只支持ie9+//而且性能不好,js引擎需要反复找多次function unique1(src){ var原创 2015-10-08 15:32:02 · 293 阅读 · 0 评论