js破解网站防盗链输出原始图片

评论(0)浏览(743)分类:JavaScript/Ajax开发技巧
js破解网站防盗链输出原始图片  如何显示网站加了防盗链的图片,破解网站防盗链图片显示。如果要在某个站点加载其他网站的图片,如a.com加载b.com网站的图片,b.com加了防盗链功能,不是b.com允许的域名加载图片时显示防盗链图片,而不是原始图片。a.com要想正常显示b.com的图片,可以使用js来实现。  js破解网站防盗链输出原始图片测试代码如下,加载微信网站图片。div ..

javascript cloneNode无法复制事件

评论(0)浏览(732)分类:JavaScript/Ajax开发技巧
javascript cloneNode无法复制事件  在标准浏览器(firefox,chrome,非IE核心的)下,cloneNode(true)是不复制事件的,以防止循环引用无法释放内存,而IE却没有考虑到这一点,把事件复制了(inconformity),并且IE只能复制通过attachEvent添加的事件,直接通过domNode.onclick添加的事件也无法复制。  测试代码如下script window.onload = function () { functio..

javascript移除百度地图LOGO和版权信息

评论(0)浏览(730)分类:JavaScript/Ajax开发技巧
javascript移除百度地图LOGO和版权信息  由于百度地图不是在iframe里面生成,而是在当前页面构造的百度地图执行的对象id中,为这个对象容器的子元素,所以只要遍历配置对象的子元素,找到子元素中样式为anchorBL的div元素,这2个元素是存储百度地图logo和版权信息的,只要移除这2个div就行了。  下面为了缩减代码,使用了jquery框架来移除百度地图logo和版权信息,源代码如下,自..

hta更改窗体大小再屏幕居中

评论(0)浏览(730)分类:HTML/CSS兼容/XML
hta更改窗体大小再屏幕居中  hta其实就是后缀名为.hta的html文件,只是多增加了HTA:APPLICATION标签控制,具体参考hta使用帮助。  既然是html文件,就会支持javascript或者vbscript代码【MS的东西,不支持vbs就好笑了】,所以可以使用javascript方法的resizeTo方法更改窗体大小。script type=text/javascriptvar htaHeight=200//hta高度,htaWidth=300//hta宽度,window..

Range对象中文API

评论(0)浏览(729)分类:JavaScript/Ajax开发技巧
Range对象中文APIThe Range接口代表给定的文档的一个片段,这个片段包含节点集合和部分文本节点集合。Range可以通过document对象的createRange方法创建,可以通过Selection的getRangeAtgetRangeAt方法获取到。也可以通过 Range() 构造函数来生成。Range属性Range.collapsed :只读返回 Boolean值只是Range开始和结束点是否重合。Range.commonAncestorContainer :..

jmp3修改版:增加mp3播放完毕执行js回调配置,js控制mp3播放和暂停方法

评论(0)浏览(726)分类:JavaScript/Ajax开发技巧
jmp3修改版:增加mp3播放完毕执行js回调配置,js控制mp3播放和暂停方法  从http://www.sean-o.com/jquery/jmp3下载的flash源文件,修改了fla,新增3项功能1)增加Mp3播放完毕后,如果需要执行js回调,可以通过配置PlayFinish来传递需要执行的js回调函数名称,注意函数需要在window作用域下。2)PlaySong方法,播放mp3,如果需要播放指定次数后停止不在播放,可以结合第1)点的回调,控制播放次数。3)PauseSong方法..

HostOnly Cookie和HttpOnly Cookie

评论(0)浏览(725)分类:JavaScript/Ajax开发技巧
HostOnly Cookie和HttpOnly Cookie怎么使用Cookie?  通常我们有两种方式给浏览器设置或获取Cookie,分别是HTTP Response Headers中的Set-Cookie Header和HTTP Request Headers中的Cookie Header,以及通过JavaScript对document.cookie进行赋值或取值。rfc6265第5.2节定义的Set-Cookie Header,除了必须包含Cookie正文,还可以选择性包含6个属性path、domain、max-age、expires..

html实体对象:实体编号&#和实体符号

评论(0)浏览(725)分类:HTML/CSS兼容/XML
html实体对象:实体编号&#和实体符号  html实体对象有2种,实体编号和实体符号实体编号的组成和号()井号(#)编号(数字)封号(;)实体符号的组成和号()字符(字母)封号(;)备注  同一个符号,可以用实体名称和实体编号两种方式引用,实体名称的优势在于便于记忆,但不能保证所有的浏览器都能顺利识别它,而实体编号则没有这种担忧,但它实在不方便记忆。注意点实体符号..

chrome扩展实现跨域通信示例

评论(0)浏览(716)分类:JavaScript/Ajax开发技巧
chrome扩展实现跨域通信示例  chrome扩展实现2个不同域名跨域通信示例,以下代码通过向百度搜索页面中插入iframe加载本网站页面,然后实现相互发送信息(当然可以在对应页面实现dom的操作,示例仅输出相互发送的信息),效果如下chrome扩展开启开发者模式后可以直接加载扩展程序manifest.json { name: 测试, manifest_version: 2, version: 1.0, aut..

ajax+asp+mssql无刷新聊天室

评论(7)浏览(710)分类:JavaScript/Ajax开发技巧
ajax+asp+mssql无刷新聊天室此为asp版本的无刷新聊天程序源代码,js类库及说明请看下面asp.net版本的,下面只列出asp版本的代码asp.net版本请看ajax无刷新聊天室--asp.netphpajax无刷新聊天室--php+展开 -HTML%@language="vbscript"codepage="936"%%ConstadCmdStoredProc=4ConstadInteger=3ConstadVarChar=200ConstadParamInput=1ConstadParamOutput=2ConstadExecuteNoReco..

图片分割左右/上下分离效果

评论(0)浏览(707)分类:JavaScript/Ajax开发技巧
图片分割左右/上下分离效果  居于jquery的图片水平或者垂直分割后,设置左右或者上下分离效果。  图片分割左右/上下分离效果源代码如下!doctype htmltitle图片分割左右/上下分离效果/titlescript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js/scriptstyle .slider{width:670px;height:560px;overflow:hidden;position:relative;background-repe..

jquery滚动无限加载内容插件

评论(0)浏览(697)分类:JavaScript/Ajax开发技巧
jquery滚动无限加载内容插件  很多网站使用无限滚动无刷新翻页加载技术来提高用户体验,当页面滚动到内容底部时候无需点击就自动加载更多的内容。  下面为你推荐 jQuery 的无限滚动加载内容插件:1.jQuery ScrollPaginationjQuery ScrollPagination plugin 是一个 jQuery 实现的支持无限滚动加载数据的插件。2.jQuery ScrewScrew (scroll + view) 是一个 jQuery 插件当..

IE6,IE7,IE8输入元素input,textarea继承父节点margin-left值解决办法

评论(0)浏览(695)分类:HTML/CSS兼容/XML
IE6,IE7,IE8输入元素input,textarea继承父节点margin-left值解决办法  在IE6,IE7,IE8(IE8未添加xhtml,在backpack模式下),如果父节点设置了margin-left属性,会导致输入元素如input,textarea继承父元素的margin-left导致偏移,测试代码和效果图如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdtitleIE6,IE7,IE8输入元素input..

bootstrap datetimepicker添加秒钟选择下拉框

评论(0)浏览(694)分类:JavaScript/Ajax开发技巧
bootstrap datetimepicker添加秒钟选择下拉框  bootstrap datetimepicker插件没有秒钟选择器,如果要想选择的时间精确到秒没有办法控制,虽然可以配置format:'yyyy-mm-dd hh:ii:ss',会将秒钟添加到输入框中,但是无法控制秒钟数值,默认为当前客户端的时间的秒钟。  本示例修改bootstrap datetimepicker源代码,如果配置了显示秒钟format:'......ss',将会给分钟选择器..

CSS固定表格table表头页头

评论(0)浏览(679)分类:HTML/CSS兼容/XML
CSS固定表格table表头页头  纯css实现的固定表格table页头表头固定,内容可以滚动,而table的表头固定在上面,效果如下源代码如下 !doctype htmlhtml dir=ltr lang=zh-CN head meta charset=utf-8/ title纯CSS实现表头固定 by 司徒正美/title style type=text/css #scrollTable { width:701px; border: 1px solid #EB8;/*table没有外围的..

javascript判断2个对象是否重叠

评论(0)浏览(677)分类:JavaScript/Ajax开发技巧
javascript判断2个对象是否重叠  如何用javascript判断给定的2个div对象是否存在重叠部分,算法如下1)判断4个顶点是否在另外一个对象的区域内2)上面的判断失败,则为十字架关系,内部一部分包含在另外一个对象中,但是顶点相互不在对方内部注意:上面2个步骤需要相互转换过参考对象  测试源代码如下,居于jquery框架!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transit..

解决标准浏览器下输入控件输入值或者选中状态不能通过innerHTML获取

评论(0)浏览(659)分类:JavaScript/Ajax开发技巧
解决标准浏览器下输入控件输入值或者选中状态不能通过innerHTML获取  标准浏览器下,输入控件输入内容(type=text或者textarea)或者更改过选中状态(select,radio,checkbox),通过容器的innerHTML并不返回当前输入的value值或者checked,selected状态(只返回页面初始化加载的html代码,就是查看源代码得到的html内容),IE浏览器下则可以通过innerHTML返回输入的值和选择状态。  如下DEMOdiv id=divinpu..

chrome开发工具source选项卡找不到js文件

评论(0)浏览(654)分类:JavaScript/Ajax开发技巧
chrome开发工具source选项卡找不到js文件  chrome开发工具的sources选项卡会记录浏览器加载的所有资源文件,包括js,css,html资源文件。但是对于使用ajax动态加载的js,css文件,sources选项卡是不会显示此类文件,chrome开发工具的sources选项卡只会记录使用script,link标签加载的js,css资源文件。  如下面的html示例,chrome sources选项卡如下图所示,没有1.js文件记录。scri..

javascript实现geohash算法

评论(0)浏览(651)分类:JavaScript/Ajax开发技巧
javascript实现geohash算法geohash有以下几个特点:  首先,geohash用一个字符串表示经度和纬度两个坐标。某些情况下无法在两列上同时应用索引 (例如MySQL 4之前的版本,Google App Engine的数据层等),利用geohash,只需在一列上应用索引即可。  其次,geohash表示的并不是一个点,而是一个矩形区域。比如编码wx4g0ec19,它表示的是一个矩形区域。 使用者可以发布地..

Firefox下margin-top负值失效

评论(0)浏览(648)分类:HTML/CSS兼容/XML
Firefox下margin-top负值失效  在csdn看到一个问题:firefox浏览器下面,当设置一个容器内的子元素的margin-top为负值时,如果负值的绝对值超过容器的高度,结果不是完全隐藏了图片,而子元素会显示出margin-top设置的绝对值-容器高度这么多的内容。网上找了下据说是firefox特有的块级盒模型相邻的垂直margin会被折叠的问题。  测试代码如下,firefox和其他浏览器的表示..

修正colResizable超过屏幕宽度无法拖动

评论(0)浏览(641)分类:JavaScript/Ajax开发技巧
修正colResizable超过屏幕宽度无法拖动  colResizable当页面出现水平滚动条时,无法将拖动块继续拖动出当前可视窗口之外,要解决这个问题,需要修改源代码,当距离右边多少距离时自动滚动水平滚动条,让表格超出可视范围外的内容显示在当前屏幕以便拖动块可以拖动,效果如下  colResizable超过屏幕宽度无法拖动修正如下,注意修改的是非压缩版本的源代码,源代码来源地址:https:..

kindeditor预览窗口如何全屏显示

评论(0)浏览(641)分类:JavaScript/Ajax开发技巧
kindeditor预览窗口如何全屏显示  如何修改kindeditor预览窗口全屏实现,kindeditor的预览窗口不是全屏的,如果要改为全屏预览,可以修改kindeditor\plugins\preview\preview.js文件如下即可实现全屏预览(注意修改窗口大小是不会自适应的,只是点击预览按钮时当前窗口大小)。/******************************************************************************** KindEdito..

js将图片转换为base64

评论(0)浏览(637)分类:JavaScript/Ajax开发技巧
js将图片转换为base64  js读取图片2进制信息后转换为base64字符串,设置img对象进行显示。  js将图片2进制信息转为base64字符源代码如下提示:由于使用到ADODB.Stream,Scripting.FileSystemObject这种浏览器允许安全范围外的的activexojbect,所以要村委hta后缀的html应用程序,而不是html后缀的文件,创建者2个activexojbect会提示没有权限(也可以降低ie浏览器..

css3浮动层变大变小切换效果

评论(0)浏览(633)分类:HTML/CSS兼容/XML
css3浮动层变大变小切换效果  一个css3动画效果,点击链接标签弹出详细内容层,从页脚升起然后平铺整个屏幕,而原来的内容层缩小。具体看效果了,装逼可以一用。嘿嘿。注意使用标准浏览器如chrome,firefox,ie8-就不要来凑热闹了。!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdstylehtml, bod..

layui select PHP读取mysql数据库联动示例

评论(1)浏览(625)分类:JavaScript/Ajax开发技巧
layui select PHP读取mysql数据库联动示例layui select 联动示例,数据结构如下思路:读取这个表的数据生成js数组(用json_encode将读取的数据转成json数组字符串),用js处理下数组的种类,品名成唯一的,给select添加change事件读取对应的数据,然后更新select的option后重新render下更新下UI。效果如下data.php?php$db=mysqli_connect(localhost,root,123456,test);$result=mysqli_qu..

offsetParent属性介绍

评论(0)浏览(620)分类:JavaScript/Ajax开发技巧
offsetParent属性介绍  offsetParent属性,在IE有那么几种模式,offsetParent.tagName返回的到底是什么,经过测 试,以某元素A为例,如果A是body元素,返回的是null。得到结果如下图所示:  说明:diplay为空表示元素显示不是none;position这列中的self,father,grandfather,root是 指元素A自身,A的父元素,一直到A的根元素。offsetParent和position是否定位,d..

javascipt修改css级联样式表类和伪类样式

评论(0)浏览(618)分类:JavaScript/Ajax开发技巧
javascipt修改css级联样式表类和伪类样式  javascript修改级联样式表文件或者内嵌级联样式表中定义的类样式属性。需要注意的是级联样式中的伪类直接替换属性值无效,需要新增样式进行覆盖,替换值不起作用!doctype htmltitlejavascipt修改css级联样式表类和伪类样式/titlestyle.exampleA{color:Blue}.exampleA:before {content:-;color:red;font-size:20px;font-weight:bold}/style!-..

jquery文档处理方法append,html可以执行脚本

评论(0)浏览(617)分类:JavaScript/Ajax开发技巧
jquery文档处理方法append,html可以执行脚本  今天才发现原来jquery文档处理方法如append,html,before等方法可以执行内容中的script标签中的javascript脚本或者加载src指向的脚本文件,真是失败啊,用了那么久jquery...注意:text方法除外,text方法会将html标签中的替换为对应的实体对象  jquery源代码中部分文档处理方法如下 append: function() { return this.domManip..

dTree节点查找展开收缩示例

评论(0)浏览(616)分类:JavaScript/Ajax开发技巧
dTree节点查找展开收缩示例  dTree示例,带查找节点,展开收缩查找到得节点功能,dTree下载:dTree.js下载+API文档  示例实现节点查找,并展开输入的关键字的节点展开dTree包含关键字的节点搜索dTree包含关键字节点  源代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtdhtmlheadtitledTree示例,带..

jquery attr prop 区别

评论(0)浏览(614)分类:JavaScript/Ajax开发技巧
jquery attr prop 区别  prop是jquery1.6新增的方法,其与attr的用法极为相似。由于不理解他们的根本区别,难免产生离奇的BUG。  通过分析attr和prop的源码,得知:  attr 方法里面,最关键的两行代码,elem.setAttribute( name, value + )和ret = elem.getAttribute( name ),很明显的看出来,使用的DOM的API setAttribute和getAttribute方法操作的属性元素节..