Js技巧 | Js字符串数组相转换 | Js PHP Json24 May 2012 18:16 Thursday

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等//注释的正则

EmEditor替换注释的正则表达式

一枚很方便的把//这种注释方法的注释替换掉的正则表达式,js注释、php注释等。


2011-04-15 09:11:15阅读全文>>>

js利用google翻译接口把网页翻译成各国语言

网页翻译为德语(Translate Page To German)

<a href="javascript: void(window.open('http://translate.google.com/translate?u='+escape(location.href)+'&amp;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)+'&amp;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挺好玩的, 在这分享

<Demo >


2010-11-10 10:56:58阅读全文>>>

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.htmltop.htmlbottom.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

使用google提供的翻译接口很方便的就能进行翻译。。

 

内容:

语言选择:

翻译结果:

。。。

下载源码


2010-10-24 12:43:58阅读全文>>>

又来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()方法

【分析说明】先看一下 以下代码:

var year = new Date().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也可以。

  1. <script language="javascript"> 
  2. var t1=location
  3. var t2=window.location
  4. var t3=window.location.href; 
  5. document.write("location="+t1+"<br />"+"window.location="+t2+"<br />"+"window.location.href="+t3); 
  6. </script> 

2.分析URL
运用location获取的url属性为object,要对其进行字符串" title="字符串">字符串的分析操作,需要先将其转换为字符串" title="字符串">字符串。

  1. <script language="javascript" type="text/javascript"> 
  2. var t1=location
  3. var t2=window.location
  4. var t3=window.location.href; 
  5. document.write("location型为: "+typeof(t1)+"<br />"+"window.location型为: "+typeof(t2)+"<br />"+"window.location.href型为: "+typeof(t3)); 
  6. </script> 

location进行处理,首先将其转换为字符串" title="字符串">字符串,用函数toString(


2010-05-29 09:11:12阅读全文>>>

js自定义对象

 

javascript进阶之对象篇

一,概述 

在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的娇小性和通用性 PHP在5.2的版本之后 默认加上一组针对数据进行JSON互转的函数: 

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存在的情况,正常的判断应该是这样:

Java代码
  1. private boolean ifFlagExistInSession(HttpServletRequest request) {  
  2.     HttpSession session = request.getSession(false);  
  3.     if (session != null) {  
  4.         if (session.getAttribute("flagName")  != null) {  
  5.             return true;  
  6.         }  
  7.     }  
  8.     return false;  
  9. }  


 

    而下面的写法,则可能会生成一个新的不在我们意图之外的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的元素查找方法吧。

  1. getElementById:这个最司空见惯的根据id定位对象的方法
  2. getElementsByName:根据name(名称)获取一组对象的集合
  3. getElementsByTagName:根据标签名来获得一组对象集合
  4. getElementsByClassName:其实不存在这个方法,但是我们可以根据前面的几个方法来自定义,不错吧
  5. nextsibling:获得下一个元素对象(大概兼容性存在点问题)
  6. previoussibling:获取上一个元素对象(兼容性有点问题)
  7. parentElement:获取当前元素的父对象
  8. children:所有子元素对象的集合
  9. firstChild:第一个子节点
  10. lastChild:最后一个子节点
  11. parentNode:父节点
  12. 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内容很简单:

  1. if(v !=''){   
  2.    alert(v);   
  3. }   
  4. else{   
  5.    alert('生活于三山两水间,无比惬意释然。');   
  6. }  


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中的内容

  1. // 获取FCKEditor中的内容: content为Editor实例的ID
  2. function getEditorContents(){
  3.    var oEditor = FCKeditorAPI.GetInstance("content");
  4.    alert(oEditor.GetXHTML(true));
  5. }
  6.  
  7. // 向编辑器插入指定代码
  8. function insertHTMLToEditor(codeStr){
  9.    var oEditor = FCKeditorAPI.GetInstance("content");
  10.    if (oEditor.EditMode==FCK_EDITMODE_WYSIWYG){
  11.    oEditor.InsertHtml(codeStr);
  12.    }else{
  13.    return false;
  14.    }
  15. }
  16.  
  17. // 统计编辑器中内容的字数

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. 长度限制

<script>
function test()
{

2009-11-30 18:41:19阅读全文>>>

发表评论:(这里的评论会加到留言板)