JAVASCRIPT
文章平均质量分 60
二子戴代
你在做什么
展开
-
Javascript中在项目常用技巧
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键no 可用于Table2. 取消选取、防止复制3. onpaste="return false" 不准粘贴4. oncopy="return false;" oncut="return false;" 防止复制5. IE地址栏前换成自己的图标6.原创 2013-08-19 13:50:58 · 370 阅读 · 0 评论 -
Chrome浏览器、火狐等浏览器上和IE类浏览器(360、qq等)有所不同,目前已发现的不同以及解决办法
1. Chrome浏览器、火狐等浏览器上和IE类浏览器(360、qq等)有所不同,目前已发现的不同以及解决办法(1) IE是parent.document,Chrome是parent.contentDocument解决办法(通用型):var doc=parent.document;if(doc==null) //在Chrome浏览器上parent.document不存在转载 2013-11-14 13:24:47 · 673 阅读 · 0 评论 -
禁止刷新网页、防止刷新网页、禁止后退等操作的代码
屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键 //屏蔽鼠标右键、Ctrl+N、Shift+F10、F11、F5刷新、退格键 function document.oncontextmenu(){event.returnValue=false;}//屏蔽鼠标右键 function wi转载 2013-11-14 13:25:33 · 531 阅读 · 0 评论 -
$.getJSON()跨域请求
1、同一域名下和其他的请求可以是一样的js: var url="http://localhost:2589/a.ashx"; $(function(){ $.getJSON(url,function(data){ alert (data.Name); })转载 2014-03-29 16:13:10 · 531 阅读 · 0 评论 -
解决PNG图片透明IE不兼容的问题
图片透明可以有两种,一种是GIF透明,一种是PNG透明,如果用GIF透明的话,在所有浏览器中都兼容,但是GIF图片像素低,图片产生锯齿。不管你怎么保存,图片都不能达到客户想要的效果,这个时候就可以用PNGL图片透明,图片像素高,不易失真。但PNG图片透明IE6却显示一个蓝色的背景,IE7显示白色的背景,只有IE8是OK的。解决PNG图片透明IE不兼容的问题我这里有两种方法。1:直接插入图片是用以转载 2014-03-29 14:44:40 · 565 阅读 · 0 评论 -
javascript实现禁用浏览器后退按钮!
文章收集了与参考了大量的关于javascript禁用浏览器后退按钮实现代码,有需要的朋友可以看看。 1、 javascript:window.history.forward(1);利用JS产生一个“前进”的动作,以抵消后退功能,这种方法应该是最简洁的,并且不需要考虑用户连点两次或多次“后退”的情况,缺点是当用户端禁用了JavaScript之后即失效。转载 2014-11-09 15:44:05 · 338 阅读 · 0 评论 -
Javascript实现table隔行换色
window.onload = function () { var tb = document.getElementById("tb"); var tbody = tb.getElementsByTagName("tbody")[0]; var trs = tbody.getElementsByTagName("tr")转载 2014-10-08 10:44:01 · 178 阅读 · 0 评论 -
Javascript选择checkbox
主要功能:1、Javascript获取选中的checkbox;2、Javascript实现页面结构与行为分离。 window.onload = function () { document.getElementById("btnOperate").onclick = function () {转载 2014-10-08 10:46:38 · 422 阅读 · 0 评论 -
JS+CSS实现带关闭按钮的DIV弹出窗口
JS+CSS实现带关闭按钮的DIV弹出窗口function locking(){document.all.ly.style.display="block";document.all.ly.style.width=document.body.clientWidth;document.all.ly.style.height=document.body.clientHeight转载 2014-11-12 21:51:35 · 1502 阅读 · 0 评论 -
jquery ajax生成无限级关联SELECT
jquery ajax生成无限级关联SELECT转载 2014-11-07 16:12:20 · 609 阅读 · 1 评论 -
上传图片的预览
//得到图片的完整路径 function getFullPath(obj) { if (obj) { //ie if (window.navigator.userAgent.indexOf("MSIE") >= 1) { obj.select();转载 2015-01-07 12:48:26 · 197 阅读 · 0 评论 -
用js实现简单的点击返回顶部效果
当页面特别长的时候,用户想回到页面顶部,必须得滚动好几次滚动键才能回到顶部,如果在页面右下角有个“返回顶部”的按钮,用户点击一下,就可以回到顶部,对于用户来说,是一个比较好的体验。实现原理:当页面加载的时候,把元素定位到页面的右下角,当页面滚动时,元素一直位于右下角,当用户点击的时候,页面回到顶部。要点一:document.documentElement.clientWidth || do转载 2014-12-05 17:17:04 · 254 阅读 · 0 评论 -
js里的超时设定和时间间隔
//setTimeout和默认状态栏实例http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档function time_statusline(){ var time=new Date(); var h=time.getHour转载 2014-12-05 13:16:42 · 1983 阅读 · 0 评论 -
Javascript中replace方法
Javascript中的replace方法用的是非常多的。 1、 简单使用Js中的repalce替换默认只替换一次(个),如下: var Str = "a^b^c^d"; var newStr = Str.replace("/^","|"); // a|b^c^d 由于^是特殊字符用到了/var newStr = Str.replace(//^/,转载 2015-01-15 14:39:31 · 417 阅读 · 0 评论 -
document.getElementById
text1: text2: 我在IE中测试了上面的代码,在第一个文本框中输入1,在第二个文本框中输入2,然后点下面的两个按钮,猜一下结果是什么?我本意是按钮1返回第一个文本框的值,按钮2返回个文本框的值。结果是两个按钮都返回了第一个文本框的值。说明ie执行document.getElementById(elementN原创 2015-01-15 16:26:41 · 406 阅读 · 0 评论 -
javascript:;与javascript:void(0)使用介绍
有时候我们在编写js过程中,需要触发事件而不需要返回值,那么就可能需要这样的写法href=”#”,包含了一个位置信息.默认的锚是#top,也就是网页的上端,当连续快速点击此链接时会导致浏览器巨慢甚至崩溃。当然我们一般用三个 href="###",不过看了这篇文章我们以后就可以使用javascript:;(一个冒号一个分号)javascript中void是一个操作符,该操作符指定转载 2015-01-15 13:08:00 · 284 阅读 · 0 评论 -
input type="text">中的value为null或"",区别
一般情况下是通过输入框来输入参数的。如果什么也没有输入,后面获取的就是null值。但是这个时候有一个问题,做软件不能认为用户总会按照认为正确的方式如乖乖的从文本框输入。系统在发布的时候是不会知道用户是谁的,可能是一个什么也不知道的计算机文盲,也可能是黑客。如果是后者,就会利用任何可能潜在的BUG来攻击WEB。例如在URL里面传参。这个时候可能会说,如果定义成POST方式不就可以避免了吗?恩转载 2015-11-03 20:46:54 · 2476 阅读 · 0 评论 -
ASCII码对照表
ASCII(American Standard Code for Information Interchange,美国信息互换标准代码,ASCⅡ)是基于拉丁字母的一套电脑编码系统。它主要用于显示现代英语和其他西欧语言。它是现今最通用的单字节编码系统,并等同于国际标准ISO/IEC 646。 ASCII第一次以规范标准的型态发表是在1967年,最后一次更新则是在1986年,至今为止共定义了12转载 2015-10-27 18:59:16 · 510 阅读 · 0 评论 -
获得iframe中的控件值
有一个iframe,index.cgi页面中有很多控件,其中以一个隐藏按钮举例,如果想获得index.cgi中的value值;可以这样操作:var frame1 =getAllDevice; //getAllDevice是iframe的id var doc=frame1.document;转载 2013-11-14 13:22:57 · 546 阅读 · 0 评论 -
判断浏览器版本
var Sys = {}; var ua = navigator.userAgent.toLowerCase(); if (window.ActiveXObject) Sys.ie = ua.match(/msie ([\d.]+)/)[1] else if (document.getBoxObjectFor)转载 2013-11-14 13:21:19 · 528 阅读 · 0 评论 -
图片等比例缩放及图片上下剧中
‘图片 ’JS function AutoResizeImage(objImg){ var img = new Image(); img.src = objImg.src; var w = img.width; var h = img.height; var Ratio= w/h; if(w objImg.width = w;转载 2013-08-30 10:41:34 · 356 阅读 · 0 评论 -
禁止刷新网页、防止刷新网页、禁止后退等操作的代码
屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键 //屏蔽鼠标右键、Ctrl+N、Shift+F10、F11、F5刷新、退格键 function document.oncontextmenu(){event.returnValue=false;}//屏蔽鼠标右键 function转载 2013-09-10 13:50:53 · 414 阅读 · 0 评论 -
iframe-高度
h=window.parent.document.all ? window.parent.document.getElementsByTagName("html")[0].offsetHeight : window.parent.innerHeight;h=h-(多余的高度)想让里面的页面高度跟父页面高度一样用它就对了转载 2013-09-26 01:07:12 · 362 阅读 · 0 评论 -
输入框点击内容清空或显示的js代码
我们常常会遇到输入框提示的需求,比如在输入框内容中提示,当需要输入的时候再清空。下面就介绍两种方法:1、输入框点击清空 onclick="this.value=''" />2、输入框点击显示提示内容操作:鼠标点击输入框出现提示内容,再次点击清空内容可以进行输入。onblur="note_click(this);" onclick="note_click(this)" /转载 2013-10-18 23:47:47 · 1217 阅读 · 0 评论 -
DivCSS+JavaScript实现 始终居中的半透明弹出层
DivCSS+JavaScript实现弹出一个始终居中的半透明层,它可以自动适应浏览器窗口大小,拖动IE滚动条它仍然居中,而且还可以改变它的透明度,和大站的效果是一样的。先看HTML代码:52CSS.com欢迎你!Q群号:48822948关闭窗口点击这里弹出层再编写CSS样式:html,body {height:100%; margin:0px; font-转载 2013-10-19 22:09:14 · 426 阅读 · 0 评论 -
js中的鼠标事件的onmouseover和onmouseout如何用
鼠标放在上面就知道了js代码:function mouseOver(o) { o.style.backgroundColor = "red";}function mouseOut(o) { o.style.backgroundColor = "blue";} 移动上来 function $(e原创 2013-10-28 14:32:13 · 804 阅读 · 0 评论 -
屏蔽JavaScript的“网页上有错误”
屏蔽JavaScript的“网页上有错误”的确,在IE下经常有那个恼人的“网页上有错误”的提示,自己看到很闹心。相信初级用户看到很害怕。不过这个问题也是可以解决的!看看renaski的解决方案。原来只要让window.onerror返回true就可以了。测试了一下,果然令人厌恶的信息不再出现了。引用作者的一句话:“PS:我知道,作为网页设计人员,理应作出无误的网页,但是有时候可能是浏览者自转载 2013-11-16 20:38:12 · 562 阅读 · 0 评论 -
window.location.href IE和火狐不兼容
偶尔一次中遇到windows.loaction不兼容问题,经过推敲 终于得到兼容代码不兼容代码:window.location.href('http://www.baiducom/index.html');只能在IE下执行兼容代码:window.location.href= "http://www.baidu/index.html";在IE火狐TT都可以执行转载 2013-11-16 20:45:13 · 1112 阅读 · 0 评论 -
js 返回顶部代码
jq实现:function go_to_top(){ $("html, body").animate({ scrollTop: 0 }, 250);} js实现:function go_to_comment(){ var height_comment =document.getElementById('com').offsetTop; $("htm转载 2013-11-19 16:18:41 · 545 阅读 · 0 评论 -
常量+变量时处理方法,必须要括号括起来
varallli =document.getElementById("btnitone").getElementsByTagName("li");for(p=0;p allli[p].onclick = function(){ for(c=0;c allli[c].className = "";转载 2013-11-19 16:19:11 · 487 阅读 · 0 评论 -
js实现页面跳转的几种方式
第一种:"javascript" type="text/javascript"> window.location.href="login.jsp?backurl="+window.location.href; 第二种: "javascript"> alert("返回"); window.history.back(-1); 第三种: "ja转载 2013-11-19 16:20:14 · 466 阅读 · 0 评论 -
鼠标Hover上面即可展开面板,与Click不尽相同
* { margin:0; padding:0; }body { font-size: 13px; line-height: 130%; padding: 60px; }#panel { width: 300px; border: 1px solid #0050D0; }.head { padding: 5px; background: #96E555; cursor: pointer原创 2013-11-11 15:38:10 · 524 阅读 · 0 评论 -
JS中offsetLeft与scrollLeft区别
offsetLeft: Html元素相对于自己的offsetParent元素的位置。scrollLeft: 返回和设置当前横向滚动条的坐标值。onclick="alert('offsetLeft:'+this.offsetLeft)" > function move() { var d = document.getElementByI原创 2013-11-11 16:40:21 · 712 阅读 · 0 评论 -
js实现Marquee不间断滚动文字
content var ii=0;t=demo_b.scrollTop;demoB_b.innerHTML=demoA_b.innerHTML;function qswhMarqueea(){if (ii==1)returnif(demoB_b.offsetTop-demo_b.scrollTop demo_b.scr原创 2013-11-11 14:56:30 · 1034 阅读 · 0 评论 -
JS中scrollLeft(right,top,bottom)的用法和特点
在图片滚动的方法中,最常用的就是scroll方法上图所示的滚动条,我们称为srcollBar。在div的内容宽度超过div的宽度时。我们给div加属性overflow-x:scroll;就会出现这种效果。见得最多的scrollBar就是浏览器右侧的了。大家都很熟悉。当我们拖动滚动条的时候,未显示部分就会随着拖动显示出来。我们拖动的距离,就是scroll的大小,拖动的距离在四个不同方向上,就有了原创 2013-11-11 15:34:25 · 634 阅读 · 0 评论 -
JS的scrollLeft,clientWidth,offsetWidth等详解
我们这里所说的是指 HTML 控件的属性值,并不是 document.body,document.body 的值在不同浏览器中有不同解释(实际上大多数环境是由于对 document.body 解释不同。网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.bo原创 2013-11-11 16:45:26 · 709 阅读 · 0 评论 -
处理网页中png的透明背景
//处理图片的透明色函数function correctPNG() { for(var i=0; i { var img = document.images[i]; var imgName = img.src.toUpperCase(); if (imgName.substring(imgName.length-3, imgName.length) == "PNG转载 2013-11-14 13:20:51 · 491 阅读 · 0 评论 -
记录1个IP查询接口
http://whois.pconline.com.cn/?ip=0.0.0.0把0.0.0.0换成IP地址,页面上还有其他无关内容转载 2015-10-29 21:06:44 · 443 阅读 · 0 评论