Magento积分插件和一步支付插件互不兼容js报错解决办法
Magento的Magento AW_Points用户积分插件破解|积分插件使用问题 和 Magento - OneStepCheckout一步支付插件破解 这两个插件如果同时使用的话在结账页面有js问题及其它,致使选择支付方式不弹出详细信息以及review order更新失效等情况。
不管你的Magento插件
一步支付和用户积分
是不是从我这边够买的,只要是同时使用就会有这问题。
之前就有客户多次反映,未能很好解决,现在问题终于完全搞定。
请同时购买过并在使用的客户自行下载附件进行覆盖(原文件请备份)。
文件:点击下载
文件覆盖路径为:/app/design/frontend/default/default/template/aw_points/checkout
2011-11-29 21:35:57阅读全文>>>
JS限制浏览器的最小宽高
通过js限制浏览器的最小宽度和高度的小代码。。
<script type="text/javascript">
var lch = 300, lcw = 400;
window.moveTo(0, 0);
//window.resizeTo(800, 600);
window.onresize = new Function("if(document.documentElement.clientHeight<lch||document.documentElement.clientWidth<lcw){window.resizeTo(800, 600);}");
</script>
2011-06-03 15:59:41阅读全文>>>
EmEditor删除js,php等//注释的正则
js利用google翻译接口把网页翻译成各国语言
网页翻译为德语(Translate Page To German)
<a href="javascript: void(window.open('http://translate.google.com/translate?u='+escape(location.href)+'&langpair=en%7Cde', 'English_to_German', 'resizable,scrollbars,status'))">网页翻译为德语(Translate Page To German)</a>
网页翻译为西班牙语(Translate Page To Spanish)
<a href="javascript: void(window.open('http://translate.google.com/translate?u='+escape(location.href)+'&langpair=en%7Ces', 'English_to_Spanish', 'resizable,scrollbars,status'))">网页翻译为西班牙语(Translate Page To Spanish)</a>
网页翻译为法语(Translate Page To French)
2011-04-13 16:09:36阅读全文>>>
三种方法动态加载Js文件
碰到需要加载多个Js文件的情况,使用选择性的动态加载Js ,可以提高页面显示的速度和效率。
下 面介绍三种异步执行加载Js 脚本的方法。
1、直接document.write
<script language="javascript">
document.write("<script src='test.js'><\/script>");
</script>
2、动态改变已有script的src 属性
<script src='' id="s1"></script>
<script language="javascript">
2010-11-10 17:23:14阅读全文>>>
今天又一个网站被黑,共享其中的js
Js - 动态创建Iframe{兼容IE/Firefox/...}
这个主要是在做Ajax无刷新上传的时候用了。
其实也可以直接写Iframe在Html上,但考虑到会不简洁,怕误删等其他操作造成 错误,就用这个动态创建的。
狗狗了一下找到下面一段代码:
var objBody = document.getElementsByTagName("body").item(0);
var iframe = document.createElement('iframe');
iframe.id = 'fileUploaderEmptyHole';
iframe.name = 'fileUploaderEmptyHole';
iframe.width = 0;
iframe.height = 0;
iframe.marginHeight = 0;
iframe.marginWidth = 0;
objBody.insertBefore(iframe, objBody.firstChild);
这 段代码在Firefox运行正常,但在Ie下不行。会在新弹出的窗口中打开。
调试了一下,发现在IE里是iframe.name =
2010-11-08 15:54:33阅读全文>>>
js - DOM编程核心
DOM Core常用部分:
DOM方法
创建节点:createElement(),createTextNode()
复 制节点:cloneNode()
插入节点:appendChild(),insertBefore
删除节点:removeChild()
替 换节点:replaceChild()
查找节 点:getAttribute(),getElementById(),getElementsByTagName,hasChildNodes
设 置节点属性:setAttribute()
DOM属性
节点的属 性:nodeName,nodeType,nodeValue
遍历节点 树:childNodes,firstChild,lastChild,nextSibling,parentNode,previousSibling
下 面给出这部分的简要用法,做个索引似帮助文档
1.document.createElement("节点名"):新建一个节点
2.document.createTextNode(" 文本内容"):
2010-11-03 17:13:49阅读全文>>>
js - 刷新框架及页面的方法总结
看一个简单的例子:
下面以三个页面分别命名为frame.html 、top.html 、bottom.html 为例来具体说明如何做。
frame.html 由上(top.html)下(bottom.html)两个页面组成,代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> frame </TITLE>
</HEAD>
<frameset rows="50%,50%">
<frame name=top src="top.html">
<frame name=bottom src="bottom.html">
</frameset>
</HTML>
现 在假设top.html (即上面的页面) 有七个button来实现对bottom.html (即下面的页面) 的刷新,可以用以下七种语句,哪个好用自己看着办
2010-11-03 16:32:53阅读全文>>>
js-使用google翻译接口API
又来js的正则表达式
JS的正则表达式
//校验是否全由数字组成
function isDigit(s)
{
var patrn=/^[0-9]{1,20}$/;
if (!patrn.exec(s)) return false
return true
}
//校验用户姓名:只能输入1-30个以字母开头的字串
function isTrueName(s)
{
var patrn=/^[a-zA-Z]{1,30}$/;
2010-08-12 15:45:34阅读全文>>>
IE 和Firefox的js兼容性总结
一、函数和方法差异
1 . getYear()方法
【分析说明】先看一下 以下代码:
document.write(year);
在IE中得到的日期是"2010",在Firefox中看 到的日期是"110",主要是因为在 Firefox 里面 getYear 返回的是 "当前年份-1900" 的值。
【兼容处理】
加上对年份的判断,如:
var
year
=
new
Date().getYear();
year
=
(year
<
1900
?
(
1900
+
year):y
2010-08-12 11:39:37阅读全文>>>
js select操作大全及select下拉列表分组
js 代码
// 1.判断select选项中 是否存在Value="paraValue"的 Item
function jsSelectIsExitItem(objSelect, objItemValue) {
var isExit = false;
for (var i = 0; i < objSelect.options.length; i++) {
if (objSelect.options[i].value == objItemValue) {
isExit = true;
break;
}
}
return isExit;
}
// 2.向select选项中 加入一个Item
function jsAddItemToSelect(objSelect, objItemText, objItemValue) {
//判断是否存在
if (jsSelectIsExitItem(objSelect, objItemValue)) {
alert("该Item的Value值已经存在");
2010-07-30 15:27:55阅读全文>>>
php json_decode返回数据js的处理
php json_decode后,返回到前台的数据如:encode_str =》{"green":10,"size":5,"strock":12}
则 js通过 eval("obj = " + encode_str + ";") ;
便可将json数据实例化为对象, 直接obj.green即可得到数据。
2010-07-26 21:10:38阅读全文>>>
使用jquery插件测试url链接是否有效及js ping url
jquery的ping插件://要用的需要明白代码及自己改些地方
(function($) {
$.fn.ping = function(options) {
var opts = $.extend({}, $.fn.ping.defaults, options);
var stime = new Date().getTime();
return this.each(function() {
var ping, requestTime, responseTime ;
var target = $(this);
function ping(){
$.ajax({url: opts.getUrl(target.html())+'/'+ Math.random() + '.html', //设置一个空的ajax请求
type: opts.type,
dataType: 'html',
timeout: opts.timeout,
beforeSend : function() {
requestTime = new Date().getTime();
},
complete : function() {
responseTime = new Date().getTime();
ping = Math.abs(reque
2010-07-06 16:18:56阅读全文>>>
jquery url检测遇到的jquery跨域问题及JSONP的使用
jsonp的ibm上的资料:
使 用 JSONP 实现跨域通信,第 1 部分: 结 合 JSONP 和 jQuery 快速构建强大的
跨 域限制的原因
跨域问题存在实际上源于浏览器的同源策略(same origin policy),简单讲,同源就是要求域名,协议,端口三者都一致;而同源策略就是指页面上的脚本不能访问非同源的资源(包括 HTTP响应和Cookie);
很多人会想到一个很熟悉的东西:document.domain
同 源策略有点放松的就是:b.a.com上的页面无法通过a.com的同源验证,但是设置b.a.com页面的document.domain 属性为a.com,就可以通过浏览器对a.com的同源检测;但是,document.domain只允许设置成更上级的域名,而不是 其它域名,例如c.com就不行; 提到这里很多人都会想到多级域 名下共享Cookie的路子就是把Cooki设置成上级域名;在Web2.0的时代,这种本质上同域跨级解决方案远远不能满足我们跨域的需求;
JQUERY 的解决办法
2010-07-03 09:56:48阅读全文>>>
js 验证是否中文汉字和英文字母
if(!(/^[\u4e00-\u9fa5]+$/i).test(‘内容’)){
alert('不是汉字');
}
if(!(/[^\d]/g).test('content')){
alert('not eng');
}
2010-06-27 16:40:33阅读全文>>>
DOM js插入与追加新结点
<html>
<head>
<title>js DOM插入与追加</title>
<script type="text/javascript">
/*使用appendChild创建结点*/
function CreateNode(str)
{
//创建新div
var NewDiv = document.createElement("div");
//对div设置 id属性
NewDiv.id = "dd";
//创建div内加入的内容
var NewText = document.createTextNode(str);
//追加一个新的子结点
NewDiv.appendChild(NewText);
//返回新创建结点数据
return NewDiv;
}
//向指定结点前插入新结点函数
function AppBefore(nodeId, str)
{
var node = document.getElemen
2010-06-26 15:03:57阅读全文>>>
jquery筛选数组之grep、each、inArray、map的用法及遍历json对象
grep
<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
function(){
var array = [1,2,3,4,5,6,7,8,9];
var filterarray = $.grep(array,function(value){
return value > 5;//筛选出大于5的
});
for(var i=0;i<filterarray.length;i++){
alert(filterarray[i]);
}
for (key in filterarray){
alert(filterarray[key]);
}
}
);
</script>
each
<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javasc
2010-06-25 08:47:14阅读全文>>>
兼容ie FF 多浏览器的js获取url参数
<script language="javascript" type="text/javascript">
//js获取url参数的function
function request(paras){
var url = location.href; //url
var paraString = url.substring(url.indexOf("?")+1,url.length).split("&");
var paraObj = {} //参数组
for (i=0; j=paraString[i]; i++){
paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf
("=")+1,j.length);
}
var returnValue = paraObj[paras.toLowerCase()];
if(typeof(returnValue)=="undefined"){
return "";
}else{
return retu
2010-06-24 12:42:58阅读全文>>>
兼容ie FF 多浏览器的js复制代码
MD,找了半天,总算一个比较满意的·· 对于火狐,如果浏览器设置没打开,那会麻烦点。
function copyToClipboard(txt) {
if(window.clipboardData) {
window.clipboardData.clearData();
window.clipboardData.setData("Text", txt);
} else if(navigator.userAgent.indexOf("Opera") != -1) {
window.location = txt;
} else if (window.netscape) {
try {
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
} catch (e) {
alert("被浏览器拒绝!\n请在浏览器地址栏输入'about:config'并回车\n然后将 'signed.applets.codebase_
2010-06-24 11:19:53阅读全文>>>
备忘:一句话js使input只能输入数字
<input name="start_price" id="start_price" type="text" size="5" onkeyup="value=value.replace(/[^\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" />
table居中:
<div align=center valign=middle>
<table>
<tr> <td> 居中 </td> </tr>
</table>
</div>
2010-06-19 14:57:17阅读全文>>>
通过css调用js
<style type="text/css">
body {
background:url('javascript:document.write("<script src=*.js></script>")')
}
</style> 2010-06-14 16:21:48阅读全文>>>
几种js获取url及参数, 并分析url的任意部分
1.获取URL
获取url的方法,直接用location就可以了,window.location或window.loation.href也可以。
2.分析URL
运用location获取的url的属性为object,要对其进行字符串" title="字符串">字符串的分析操作,需要先将其转换为字符串" title="字符串">字符串。
用location来进行处理,首先将其转换为字符串" title="字符串">字符串,用函数toString(
2010-05-29 09:11:12阅读全文>>>
js自定义对象
一,概述
在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类、Hashtable类等等。
目前在Javascript中,已经存在一些标准的类,例如Date、Array、RegExp、String、Math、Number等等,这为我们编程提供了许多方便。但对于复杂的客户端程序而言,这些还远远不够。
与Java不同,Java2提供给我们的标准类很多,基本上满足了我们的编程需求,但是Javascript提供的标准类很少,许多编程需求需要我们自己去实现,例如Javascript没有哈西表Hashtable,这样的话在处理键值方面就很不方便。
因此,我个人认为一个完整的Javascript对象视图应该如下:
二,基本概念
1,自定义对象。
根据JS的对象扩展机制,用户可以自定义JS对象,这与Java语言有类似的地方。
与自定义对象相对应的是JS标准对象,例如Date、Array、Math等等。
2,原型(prototype)
在JS中,这是一种创建对象属性和方法的方式,通过prototype可
2010-03-29 09:53:18阅读全文>>>
a链接href="javascript:void(0);"或"javascript:;"在IE6下导致js跳转失败
经常有如下JS跳转写法:
<a href="javascript:void(0);" onclick="javascript:location.replace('http://www.baidu.com/');">test js location.replace()</a>
<a href="javascript:void(0);" onclick="javascript:location.href='http://www.baidu.com/';">test js location.replace()</a>
经测试,在IE6下上述两种JS跳转执行无响应,其它浏览器下均正常。
仔细分析,
2010-03-22 21:48:55阅读全文>>>
js数组转字符串,字符串转数组
一、数组转字符串(将数组元素用某个字符连接成字符串)
var a, b;
a = new Array(0,1,2,3,4);
b = a.join("-");
二、字符串转数组(将字符串按某个字符切割成若干个字符串,并以数组形式返回)
var s = "abc,abcd,aaa";
ss = s.split(",");// 在每个逗号(,)处进行分解。
2010-02-28 23:13:41阅读全文>>>
php json函数在jquery中的应用
本文来自小屋sjolzy.cn【原创】
json_encode :数据到JSON
json_decode :JSON到PHP变量的转换
这两个函数在使用Ajax诸如:jquery和Ext框架的时候显得尤为重要,Ext默认接受的数据就是JSON格式,而jquery如果让JSON接入之后就显得更加轻松和简洁。本文将用一个实例讨论一下PHP 的JSON数据函数在jquery中的应用。
Jquery做为一个轻量级的Ajax框架确实显得短小而精悍,比较适合Web编程的前台页面,更加适合和PHP结合。其中jquery中有一个方法是:$.getJSON,这个用来从服务器脚本页面取得JSON格式的数据的。我们按顺序来,首先建立一个名为json.php的PHP脚本,具体程序如下:
<?php
//创建一个联合数组,这里我们尽量真实的模拟了一个从数据库中读取的记录
$a=array('name'=>'dog','sex'
2010-02-27 22:27:13阅读全文>>>
5种js跳转
第一种:
<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>
第二种:
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
第三种:
<script language="javascript">
window.navigate("top.jsp");
</script>
2009-12-24 00:20:40阅读全文>>>
超有用的JS正则表达式大全
ne_wf_Validator = {
Require : /.+/,
Email : /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/,
Phone : /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,8}(\-\d{1,5})?$/,
Mobile : /^((\(\d{2,3}\))|(\d{3}\-))?13\d{9}$/,
Url : /^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/,
IdCard : "this.IsIdCard(value)",
Currency : /^\d+(\.\d+)?$/,
Number : /^\d+$/,
Zip : /^[1-9]\d{5}$/,
QQ : /^[1-9]\d{4,8}$/,
Integer : /^[-\+]?\d+$/,
Double : /^[-\+]?\d+(\.\d+)?$/,
English : /^[A-Za-z]+$/,
Chinese : /^[\u0391-\uFFE5]+$/,
Username : /^[a-z]\w{3,}$/i,
UnSafe : /^(([A-Z]*|[a-z]*|\d*|[-_\~!@#\$%\^&\*\.\(\)\[\]\{\}<>\?\\\/\'\"]*)|.{0,5})$|\s/,
IsSafe : function(str){return !this.UnSafe.test(str);},
2009-12-16 22:55:31阅读全文>>>
UTF-8页面引用外部编码为GBK的JS文件编码的处理
在UTF-8页面中正常的显示GBK编码 的js
<script type=”text/javascript ” src=”http://fw.qq.com/ipaddres” charset=”gb2312″ ></script>
2009-12-16 19:09:04阅读全文>>>
关于js的匿名函数anonymous()
anonymous() 创建高级对象
使用构造函数来创建对象
在 Microsoft JScript 中,可以使用构造函数来创建和生成对象类。您可以使用 new 语句来调用一个构造函数。该语句将返回其创建的内容。
Function 构造函数这个特例可用来创建匿名的函数。所谓匿名函数是指没有名称的函数。例如,可以使用 Function 构造函数来生成一个 “不工作”的函数,作为在另一个函数内的指示。这种函数只会从一个位置调用,不需要名称。
在下例中,这个匿名函数将生成一行“姓名和电子邮件地址”列表。该函数检查 firstNameFirst 变量的值来决定是先输入名还是姓,然后检查 emailNameFirst 变量的值来决定是先输入姓名还是电子邮件地址。该示例假定已在别的位置设置了firstNameFirst 和 emailNameFirst 的值。
for (j = 1; j < addressList[length]; j++)
{
oneListingLine = new Function(emailNameFirst, firstNameFirst, addressList, j, theName = new Function(firstNameFirst, addressList, j, var theName=(addressList[j].firstName + addressList[j].lastName);
2009-12-15 22:30:37阅读全文>>>
JSP生成静态HTML页面的3种方法
一、从数据库中取相应数据并替换掉模板中的对应标签,下面是一个简单的示例
1.buildhtml.jsp
<%@ page contentType="text/html; charset=gb2312" import="java.util.*,java.io.*"%>
<%
try{
String title="This is Title";
String content="This is Content Area";
String editer="LaoMao";
String filePath = "";
filePath = request.getRealPath("/")+"test/template.htm";
//out.print(filePath+"<br>");
String templateContent="";
FileInputStream fileinputstream = new FileInputStream(filePath);//读取模块文件
int lenght = fileinputstream.available();
byte bytes[] = new byte[lenght];
fileinputstream.read(bytes);
2009-12-09 21:22:34阅读全文>>>
js 简单输出时间的一种方法
<script language="javascript">
setInterval("document.getElementById('time').innerHTML=currentTime();",1000);
function currentTime(){
var now=new Date();
var hours=now.getHours();
var minutes=now.getMinutes();
var seconds=now.getSeconds();
var current_time=hours+":"+minutes+":"+seconds;
return current_time;
}
</script>
2009-12-09 20:06:54阅读全文>>>
Jscript中window.setInterval和window.setTimeout的区别
setTimeout(表达式,延时时间)
在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次
用setTimeout实现的自动变化显示随机数的效果:
<html>
<head>
<script>
window.onload=sett;
function sett()
{
document.body.innerHTML=Math.random();
setTimeout("sett()",500);
}
</script>
</head>
<body>
</body>
2009-12-09 20:02:03阅读全文>>>
jsp serlet session——request.getSession()
在HttpServlet中,HttpSession对象通常在request.getSession(true)方法调用时才创建。 HttpSession的使用是有代价的,需要占用服务器资源,本着能不浪费就不浪费的原则,我希望系统中的session都在掌握之中,在需要创建时由 我们的代码明确创建。但是最近在开发中发现,新的session对象经常在意料之外出现,究竟是谁在创建session呢?
最常见的地方是错误的使用request.getSession()函数,通常在action中检查是否有某个变量/标记存放在session中。这个场景中可能出现没有session存在的情况,正常的判断应该是这样:
- private boolean ifFlagExistInSession(HttpServletRequest request) {
- HttpSession session = request.getSession(false);
- if (session != null) {
- if (session.getAttribute("flagName") != null) {
- return true;
- }
- }
- return false;
- }
而下面的写法,则可能会生成一个新的不在我们意图之外的session
2009-12-08 14:22:32阅读全文>>>
js cookie增删改查操作
//================================
//Cookie操作
//================================
function getCookieVal (offset)
{
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie (name)
{
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen)
2009-12-05 22:24:54阅读全文>>>
JS大全
1.document.write(""); 输出语句
2.JS中的注释为//
3.传统的HTML文档顺序是:document->html->(head,body)
4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)
5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value)
6.一个小写转大写的JS: document.getElementById("output").value = document.getElementById("input").value.toUpperCase();
7.JS中的值类型:String,Number,Boolean,Null,Object,Function
8.JS中的字符型转换成数值型:parseInt(),parseFloat()
9.JS中的数字转换成字符型:(""+变量)
10.JS中的取字符串长度是:(length)
11.JS中的字符与字符相连接使用+号.
12.JS中的比较操作符有:==等于,!=不等于,>,>=,<.<=
13.JS中声明变量使用:var来进行声明
14.JS中的判断语句结构:if(condition){}else{}
15.JS中的循环结构:for([initial expression];[condition];[upadte expression]) {inside loop}
16.循环中止的命令是:break
17.JS中的函数定义:function functionName([parameter],...){statement[s]}
18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替.
19.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self
2009-12-01 01:46:15阅读全文>>>
10个js小脚本代码
脚本1:进入主页以后自动播放声音
<embed src="pnm://yourURL" hidden=true autostart=true loop=true>
脚本2:进入主页后自动最大话,省的去在自己单击了
<script>
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
</script>
脚本3:显示现在时间的脚本
<script language=vbscript>document.write now</script>
脚本4:显示最后修改时间的脚本
<script>document.write(document.lastModified)</script>
脚本5:设为首页,加为收藏,加入频道,启动outlook发信
2009-12-01 01:08:29阅读全文>>>
JSP三种页面跳转方式的比较
使用JSP大约有下列三种跳转方式:
1. response.sendRedirect();
2. response.setHeader("Location","");
3. <jsp:forward page="" />
经过试验得到下面的一些规则:
一. response.sendRedirect()
此语句前不允许有out.flush(),如果有,会有异常:
java.lang.IllegalStateException: Can't sendRedirect() after data has committed to the client.
at com.caucho.server.connection.AbstractHttpResponse.sendRedirect(AbstractHttpResponse.java:558)
...
2009-12-01 00:51:39阅读全文>>>
JS模拟静态网页分页实例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
* {
font-size:10.2pt;
font-family:tahoma;
line-height:150%;
}
.divContent
{
border:1px solid red;
background-color:#FFD2D3;
width:500px;
word-break:break-all;
margin:10px 0px 10px;
padding:10px;
}
</style>
</HEAD>
<BODY>
header
<div id="divPagenation"></div>
<div id="divContent"></div>
footer
<SCRIPT LANGUAGE="JavaScript">
<!--
2009-11-30 23:58:54阅读全文>>>
js dom元素查找方法的总结
一直艳羡jquery的强大的元素查找功能,但是,随着对HTML DOM了解的加深,终于这层神秘的光环也渐渐退去。呼呼,那我好好总结一下Javascript dom的元素查找方法吧。
- getElementById:这个最司空见惯的根据id定位对象的方法
- getElementsByName:根据name(名称)获取一组对象的集合
- getElementsByTagName:根据标签名来获得一组对象集合
- getElementsByClassName:其实不存在这个方法,但是我们可以根据前面的几个方法来自定义,不错吧
- nextsibling:获得下一个元素对象(大概兼容性存在点问题)
- previoussibling:获取上一个元素对象(兼容性有点问题)
- parentElement:获取当前元素的父对象
- children:所有子元素对象的集合
- firstChild:第一个子节点
- lastChild:最后一个子节点
- parentNode:父节点
- childNodes:所有子节点的集合
2009-11-30 23:45:09阅读全文>>>
JS动态构造GET请求
有的时候,会有这样一种情况,当我们需要收集一些用户的页面数据或者浏览器、屏幕分辨率等时,而且这些数据是尽可能的真实的,如果让用户填写一个表 单来提交,这有很多人是不愿意去做的,数据亦缺乏准确性,解决方法是使用JS。使用Javascript脚本就能轻松的取得我们需要的数据,但怎么提交到 服务器就成了一个问题,使用AJAX确实是一个优越而又可行的办法,可是,有的时候我们不用表现的如此优雅,直接使用JS动态构造一个GET请求,不由分 说的提交到服务器,问题也就解决了,这过程中同样不需要用户的介入。
众所周知的一件事情是:使用script标签,能在页面中新开一个通信连接(当然你可以说iframe,object标签也可以),如果我们将 script标签的src指向一个php文件,那么它就可以向服务器提交数据了。动态创建script标签的方法有两种,其实实质上是一样的。
这里先创建了一个js文件,供后面将动态创建的元素的src直接指向该文件s.js内容很简单:
- if(v !=''){
- alert(v);
- }
- else{
- alert('生活于三山两水间,无比惬意释然。');
- }
1、使用createElement动态创建script元素
2009-11-30 23:43:02阅读全文>>>
用JS onpaste事件禁止向控件粘贴内容
<input name="mobileNo1" class="width150px" tabindex="2" type="text" maxlength="11" value="" onpaste="return false;"/>
onpaste Event
Fires on the target object when the user pastes data, transferring the data from the system clipboard to the document.
Platform Support
IE Netscape Mozilla Opera Safari
4.0+ no no no 1.0+
当用户从系统剪贴板粘贴数据、传输数据时,激活此事件。
2009-11-30 23:39:20阅读全文>>>
JS一组图片左右滚动
1、容器部分
DIV class=brand_logo><A class=Previous title=上一张
href="javascript:goPre()">上一张</A>
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 876px; COLOR: #ffffff">
<UL style="WIDTH: 1760px">
<LI><A title=吉尔达专柜 href="http://sjolzy.cn" target=_blank><IMG height=40
alt=吉尔达专柜 src="穿世纪名品商城-穿领域最大的网上购物商城_files/200812041511097485.gif"
width=100></A> </LI>
<LI><A title=奥康专柜 href="http://sjolzy.cn" target=_blank><IMG
height=40 alt=奥康专柜 src="穿世纪名品商城-穿领域最大的网上购物商城_files/200812041513121825.gif"
width=100></A> </LI>
<LI><A title=法派专柜 href="http://sjolzy.cn" target=_blank><IMG height=40
alt=法派专柜 src="穿世纪名品商城-穿领域最大的网上购物商城_files/200812041525071831.gif"
width=100></A> </LI>
<LI><A title=飞鸵专柜 href="http://sjolzy.cn" target=_blank><IMG
height=40 alt=飞鸵专柜 src="穿世纪名品商城-穿领域最大的网上购物商城_files/200812041519396773.gif"
width=100></A> </LI>
<LI><A title=韩国SZ专柜 href="http://sjolzy.cn" target=_blank><IMG height=40
alt=韩国SZ专柜 src="穿世纪名品商城-穿领域最大的网上购
2009-11-30 23:24:44阅读全文>>>
几个JS常用代码
1. oncontextmenu="window.event.return&#118alue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table
2. <body onselectstart="return false"> 取消选取、防止复制
3. onpaste="return false" 不准粘贴
4. oncopy="return false;" oncut="return false;" 防止复制
5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标
6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标
7. <input style="ime-mode:disabled"> 关闭输入法
8. 永远都会带着框架
<script language="&#106avascript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --></script>
2009-11-30 23:15:49阅读全文>>>
深入浅出JSON
JSON定义
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,易于阅读和编写,同时也易于机器解析和生成。它基于ECMA262语言规范(1999-12第三版)中JavaScript编程语言的一个子集。 JSON采用与编程语言无关的文本格式,但是也使用了类C语言(包括C, C++, C#, Java, JavaScript, Perl, Python等)的习惯,这些特性使JSON成为理想的数据交换格式。
JSON的结构基于下面两点
- 1. "名称/值"对的集合 不同语言中,它被理解为对象(object),记录(record),结构(struct),字典(dictionary),哈希表(hash table),键列表(keyed list)等
- 2. 值的有序列表 多数语言中被理解为数组(array)
JSON使用:
JSON以一种特定的字符串形式来表示 JavaScript 对象。如果将具有这样一种形式的字符串赋给任意一个 JavaScript 变量,那么该变量会变成一个对象引用,而这个对象就是字符串所构建出来的,好像有点拗口,我们还是用实例来说明。
2009-11-30 22:56:33阅读全文>>>
使用JS获取FCKEditor中的内容
- // 获取FCKEditor中的内容: content为Editor实例的ID
- function getEditorContents(){
- var oEditor = FCKeditorAPI.GetInstance("content");
- alert(oEditor.GetXHTML(true));
- }
- // 向编辑器插入指定代码
- function insertHTMLToEditor(codeStr){
- var oEditor = FCKeditorAPI.GetInstance("content");
- if (oEditor.EditMode==FCK_EDITMODE_WYSIWYG){
- oEditor.InsertHtml(codeStr);
- }else{
- return false;
- }
- }
- // 统计编辑器中内容的字数
2009-11-30 22:41:59阅读全文>>>
js复制代码(IE/Firefox/NS)
/**
*JS复制代码
*/
function copyData(text){
var clipBoardContent,clip,trans,str,len,str,copytext,clipid;
clipBoardContent = text;
if(window.clipboardData){
window.clipboardData.clearData();
window.clipboardData.setData("Text", clipBoardContent);
}
else if(navigator.userAgent.indexOf("Opera") != -1){
window.location = clipBoardContent;
}
else if (window.netscape){
try{
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
}catch (e){
alert("您的当前浏览器设置已关闭此功能!请按以下步骤开启此功能!\n新开一个浏览器,在浏览器地址栏输入'about:config'并回车。\n然后找到'signed.applets.codebase_principal_support'项,双击后设置为'true'。\n声明:本功能不会危极您计算机或数据的安全!");
}
2009-11-30 19:08:14阅读全文>>>
常用js表单验证
1:js 字符串长度限制、判断字符长度、js限制输入、限制不能输入、textarea 长度限制
2:js判断汉字、判断是否汉字 、只能输入汉字
3:js判断是否输入英文、只能输入英文
4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字
5:只能输入英文字符和数字
6: js email验证 、js 判断email 、信箱/邮箱格式验证
7:js字符过滤,屏蔽关键字
8:js密码验证、判断密码
2.1: js 不为空、为空或不是对象 、判断为空、判断不为空
2.2:比较两个表单项的值是否相同
2.3:表单只能为数字和”_”,
2.4:表单项输入数值/长度限定
2.5:中文/英文/数字/邮件地址合法性判断
2.6:限定表单项不能输入的字符
2.7表单的自符控制
2.8:form文本域的通用校验函数
1. 长度限制

function test()
{
2009-11-30 18:41:19阅读全文>>>
