![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
原生js
hdchangchang
这个作者很懒,什么都没留下…
展开
-
防止微信、wap浏览器缓存
静态页面防止缓存:1、引入的css 、js文件名 添加时间戳 --防止js、css缓存2、<header>添加代码: --防止页面缓存<meta http-equiv="Expires" CONTENT="0" /> <meta http-equiv="Cache-Control" CONTENT="no-cache" /> <meta http-equiv="Pragma" CONTENT="no-cache" />3...原创 2020-11-09 15:53:23 · 413 阅读 · 0 评论 -
jQuery源码学习之四 (jQUery对象的实例属性和方法)
jQUery源码:jQuery.fn = jQuery.prototype = { // The current version of jQuery being used jquery: core_version, constructor: jQuery, init: function( selector, context, rootjQuery ) { var match, e原创 2014-07-23 11:19:31 · 2958 阅读 · 0 评论 -
js 类型检测
1、检测字符串、数值、布尔值、undefined、function 使用typeof(在Safari和Chrome中检测正则也会返回 function)2、检测null 应用“===”3、检测其它对象:instanceof 例如:alert(A instanceof Object) alert(A instanceof Ar原创 2013-09-24 08:34:37 · 3635 阅读 · 2 评论 -
js的 new image()
Image对象。 创建一个Image对象:var a=new Image(); 定义Image对象的src: a.src=”xxx.gif”; 这样做就相当于给浏览器缓存了一张图片 或由new Image()创建的元素都具有onload、onerror、onabort三个事件(但好像IE浏览器并不支持由Image()创建的图像的onload事件),分别表示图像装载完原创 2013-07-12 15:17:54 · 124529 阅读 · 9 评论 -
js笔记 - ajax中的get和post说明
转自:http://www.cnblogs.com/hateyoucode/archive/2009/12/09/1620050.html以前没怎么仔细的研究过ajax,只是用到了就直接拿过来用,发现了问题再找解决方法.以下是我在找解决问题的过程中的一点小小的总结.一.谈Ajax的Get和Post的区别 Get方式: 用get方式可传送简单数据,但大小一般限制在1K转载 2013-09-13 11:12:25 · 5061 阅读 · 0 评论 -
js笔记 -- toString() 和String()
将一个值转换成一个字符串有两种方法,一是使用toString()方法,二是使用转型函数String()。下面是一些需要注意的问题: 1,大多值都有toString()方法,null和undefined是没有的。 2,对于字符串型的值也可以使用toString()方法,它会返回该字符串的一个副本。 3,toString()方法可以传递一个参数,表示数值的基数。 例如:va转载 2013-08-29 09:37:47 · 20086 阅读 · 1 评论 -
AJAX乱码
AJAX乱码问题产生乱码的原因:1、xtmlhttp 返回的数据默认的字符编码是utf-8,如果客户端页面是gb2312或者其它编码数据就会产生乱码2、post方法提交数据默认的字符编码是utf-8,如果服务器端是gb2312或其他编码数据就会产生乱码解决办法有:1、若客户端是gb2312编码,则在服务器指定输出流编码2、服务器端和客户端都使用utf-8编码gb2312转载 2013-12-17 10:58:54 · 581 阅读 · 0 评论 -
js 笔记 -- 随机生成颜色值
方法一: function randowColor() { var aColor = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, "a", "b", "c", "d", "e", "f"]; var len = aColor.length; var iColor = "#"; var原创 2013-08-29 09:43:42 · 897 阅读 · 0 评论 -
关于 if (document.all) ... 判断是否为ie浏览器
转自:http://bytes.com/topic/javascript/answers/92525-if-document-all看到下面一段话:Microsoft's Internet Explorer has a proprietary property of the documentobject that is called "all".Writingif转载 2013-12-12 10:13:28 · 1852 阅读 · 0 评论 -
原生js元素历遍
父元素:parentNode;(没有兼容性问题);offsetParent; (获取的是首个获得(绝对定位或者相对定位)的 元素;最终会找到html;)子元素:1、childNodes 属性。标准的,它返回指定元素的子元素集合,包括HTML节点,所有属性 文本。可以通过nodeType来判断是哪种类型的节点,只有当nodeType==1时才是元素 节点,2是属性节点,原创 2013-05-07 09:57:03 · 3506 阅读 · 0 评论 -
json 、jsonp
文章简单、易懂。实用性强。转载 2013-08-09 15:09:54 · 774 阅读 · 0 评论 -
关于js 中的 this
this 的工作原理JavaScript 有一套完全不同于其它语言的对 this 的处理机制。在五种不同的情况下 ,this 指向的各不相同。全局范围内this;当在全部范围内使用 this,它将会指向全局对象。译者注:浏览器中运行的 JavaScript 脚本,这个全局对象是window。函数调用foo();这里 this 也会指向全局转载 2013-07-27 12:14:48 · 633 阅读 · 0 评论 -
上中下三栏自适应100%高度
1.这个用相对布局很容易实现,但是在ie6、ie7 下面右侧有两个滚动条,还不能固定头部和底部的高度无标题文档html {height:100%}body {height:100%}* {padding:0px; margin:0}#header {height:10%;原创 2013-07-12 15:11:16 · 484 阅读 · 0 评论 -
js中的rows和cells的使用 dom历遍
在使用JS时,经常会使用操作DOM树的方法来实现对HTML页面的修改,但在读取表格控件时,有一种简单的方法,就是通过获取tbody对象,此对象将行列的操作,作为二维数组来操作。从网络中找到了些描述:Table下面可以有thead和tbody两个分组对象,某些时候可以代替div使用,比如实现某部份表格隐藏。tr是行,th或者td是列,这些对象构成表格阵列每一个...就是我们所转载 2013-05-07 14:22:46 · 7347 阅读 · 2 评论 -
min-width() ie6
如果一个站是宽屏的,你左右拖动浏览器的窗口网站宽度会随着窗口的大小而改变,而浏览器窗口宽度减小到一定程度后就会出现下边的滚动条,网站宽度就不会再减小了,我们知道这一简单的功能用css的min-width就很容易能实现,但不幸的是,我们用户很多的IE6不支持这个非常方便的属性,怎么办呢,我们只要在网页设计时加上下面的css语句就能解决:方法一:height:auto!important;转载 2013-07-12 15:35:31 · 957 阅读 · 0 评论 -
利用js动态创建 <style>
实例:var nod = document.createElement(“style”), str = “body{background:#000;color:#fff} a{color:#fff;text-decoration:none;} a:hover{color:red;text-decoration:underline}”;nod.type=”text/css”;if(nod转载 2013-12-30 14:01:28 · 11666 阅读 · 1 评论 -
jQuery源码学习之二 (部分变量解释说明)
jQuery源码:var // A central reference to the root jQuery(document) rootjQuery, // The deferred used on DOM ready readyList, // Support: IE9 // For `typeof xmlNode.method` instead of `xmlNode.m原创 2014-07-11 11:29:51 · 2037 阅读 · 0 评论 -
jQuery源码学习之一 (采用匿名函数自执行模式)
学习版本:jquery-2.0.3原创 2014-07-10 16:14:50 · 1367 阅读 · 1 评论 -
正则匹配中文字符
var regExp = \[\u4e00-\u9fa5]\原创 2014-07-30 09:38:45 · 1717 阅读 · 0 评论 -
getBoundingClientRect介绍
转自:http://div.io/topic/1400?utm_source=tuicool&utm_medium=referralgetBoundingClientRect获取元素位置getBoundingClientRect用于获得页面中某个元素的左,上,右和下分别相对浏览器视窗的位置。getBoundingClientRect是DOM元素到浏览器可视范围的距离(不包含文档卷起的部转载 2017-03-21 23:00:07 · 2132 阅读 · 0 评论 -
html5 history
history在HTML4的时代里,有如下几个方法和属性:length、back()、forward()、go([delta])在HTML5中又添加了两个方法:pushState(data, title[,url])、replaceStage(data, this [,url])pushState:是增加浏览器的会话历史replaceStage:替换浏览器的当前原创 2014-12-18 10:24:13 · 9129 阅读 · 1 评论 -
iframe跨域访问
转自:http://www.cnblogs.com/pigtail/archive/2013/01/24/2875310.htmljs跨域是个讨论很多的话题。iframe跨域访问也被研究的很透了。一般分两种情况:一、 是同主域下面,不同子域之间的跨域; 同主域,不同子域跨域,设置相同的document.domian就可以解决; 父页访问子页,可以documen原创 2015-08-19 14:40:51 · 788 阅读 · 0 评论 -
用js控制样式
可以这样:var obj = document.getElementById("ddd");obj.style.border = "1px solid red";原创 2014-10-17 17:17:30 · 1431 阅读 · 2 评论 -
js 隐式转换 一小坑
var ua = window.navigator.userAgent.toLowerCase(); console.log(ua)console.log(ua.match(/Mozilla/i))console.log (["mozilla"] == 'mozilla')console.log (ua.match(/Mozilla/i) === 'mozilla')console.lo原创 2015-08-24 15:53:14 · 1450 阅读 · 0 评论 -
script 加载
需求:js加载完毕需要执行相应操作上代码: var script = document.createElement("script"); script.setAttribute("type","text/javascript"); //ie if(script.onreadystatechange){原创 2015-08-24 15:10:28 · 560 阅读 · 0 评论 -
复习下switch...case...
复习下switch...case...示例一: var a=10 switch (a){ case 10: console.log(10); case 1.1: console.log(1.1); case 1.2: console.log(1.2); break; }上面示例会依次log出 10 、1.1、1.2;说明:一旦进入符合的case语原创 2015-08-24 15:08:12 · 466 阅读 · 0 评论 -
javascript双等号引起的类型转换
javascript 双等号 引起的类型转换一、首先看双等号前后有没有NaN,如果存在NaN,一律返回false。二、再看双等号前后有没有布尔,有布尔就将布尔转换为数字。(false是0,true是1)三、接着看双等号前后有没有字符串, 有三种情况:1、对方是对象,对象使用toString进行转换;2、对方是数字,字符串转数字;(前面已经举例)3、对方是字符串,直接原创 2015-06-04 13:13:42 · 886 阅读 · 0 评论 -
js url加密解密
js对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent1.escape()(1)该方法不会对 ASCII 字母和数字进行编码,也不会对下面这些ASCII 标点符号进行编码: * @ - _ + . /。其他所有的字符都会被转义序列替换。(2)转载 2015-06-01 13:16:09 · 40134 阅读 · 1 评论 -
一道数组排序题
题目:有一个int型数组,里面有若干数字。要求统计出一共有多少种不同的数字?每种数字出现的频率从少到多排列,频率相同则从小到大排列。原创 2014-08-12 22:26:26 · 1068 阅读 · 0 评论 -
jQuery源码学习之三 (jQUery对象的实例属性和方法)
相关jQuery源码:jQuery.fn = jQuery.prototype = { // The current version of jQuery being used jquery: core_version, constructor: jQuery, init: function( selector, context, rootjQuery ) { var match,原创 2014-07-14 10:51:14 · 4728 阅读 · 2 评论 -
js opener 的使用
参考:http://www.cnblogs.com/jhxk/articles/1740262.html http://hi.baidu.com/gavemepromise/item/b77d4fc351934c27ee4665c5在JS中,window.opener只是对弹出窗口的母窗口的一个引用。比如:a.html中,通过点击按钮等方式window转载 2013-07-12 15:18:58 · 929 阅读 · 0 评论 -
window.location
转:如果你稍微懂一些 JS 代码,一般都会知道 window.location.href 这个属性。并且用该属性获取页面 URL 地址:window.location.href = window.location.href;好吧,我告诉你,这样弱掉了。其实原生 JavaScript 真是什么都有。window.location 对象所包含的属性属性描转载 2013-07-12 15:14:00 · 469 阅读 · 0 评论 -
不兼容的事件冒泡
.on 的中文 API:http://www.css88.com/jqapi-1.9/on/jquery 1.9 升级指南:http://www.360doc.com/content/13/0320/11/7472437_272650329.shtml下文源于:http://www.cnblogs.com/rubylouvre/archive/2009/12/27/162834原创 2013-07-02 14:20:56 · 2385 阅读 · 0 评论 -
用 js 实现 HTML 代码运行框
下面函数是在别的网站上看到的,自己查找资料学习。运行框函数:function runCode(obj) { var winname = window.open('', "_blank", ''); winname.document.open('text/html', 'replace'); //可省略,后面的write() 之前会默认执行原创 2013-01-05 12:24:13 · 868 阅读 · 0 评论 -
右键禁用、防止文字选中 、返回选中的文本
event事件参考: http://www.mangguo.org/8-jquery-tip-and-trick/http://bbs.blueidea.com/forum.php?mod=viewthread&tid=2735491 右键菜单的禁用:网上有几种方法:1.document.oncontextmenu = new Function("return原创 2013-01-05 12:08:54 · 3936 阅读 · 0 评论 -
js 模拟右键菜单
使用右键事件在需要右键的地方加上 onmousedown="if(event.button == 2) alert('点击右键了!');即可 不经意地被一位同事问起在javascript里面如何检测右键事件,并且屏蔽原来的右键菜单,上网查找一翻之后发现一些比较简单的方法。如设置onmousedown,检查其event.button的值是不是2(代表右键)。这个方法在FF和IE转载 2013-07-12 15:34:28 · 8473 阅读 · 3 评论 -
各个浏览器中鼠标位置的属性 offsetX layerX PageX clientX (自由拖动框,防止文字选中)
参考:http://blog.csdn.net/crazy_fire/article/details/7721587http://www.funnyhao.com/pagex-clientx-offsetx-layerx-of-those-things/1.offsetX和layerXoffsetX:IE特有,鼠标相比较于触发事件的元素的位置,以元素盒子模型的内容区域的左上角为转载 2012-12-27 15:10:49 · 9782 阅读 · 0 评论 -
JS的Document属性和方法
Document属性:document.title //设置文档标题等价于HTML的title标签document.bgColor //设置页面背景色document.fgColor //设置前景色(文本颜色)document.linkColor //未点击过的链接颜色document.alinkColor //激活链接(焦点在此链接上)的颜色document.vlin转载 2013-07-12 15:39:40 · 602 阅读 · 0 评论 -
获取绝对准确的滚动条宽度
转载:http://www.cnblogs.com/consatan/archive/2011/07/06/2099310.html/*! * 获取浏览器竖向滚动条宽度 * 首先创建一个用户不可见、无滚动条的DIV,获取DIV宽度后, * 再将DIV的Y轴滚动条设置为永远可见,再获取此时的DIV宽度 * 删除DIV后返回前后宽度的差值 * * @return Intege转载 2012-12-03 14:19:09 · 4267 阅读 · 0 评论 -
js call
转自:http://www.cnblogs.com/sweting/archive/2009/12/21/1629204.htmlcall 方法 请参阅 应用于:Function 对象 要求 版本 5.5 调用一个对象的一个方法,以另一个对象替换当前对象。 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数 t转载 2012-12-14 23:30:09 · 324 阅读 · 0 评论