drag drop test


	
var callbackJS = function (name, charset, url, callback, errorcallback) {
	charset = charset || 'gb2312';
	
	if (/MSIE/.test(window.navigator.userAgent)) {
		var frag = document.createDocumentFragment(), script = frag.createElement('script');
		script.charset = charset;
		frag[name] = function () {
			callback.apply(null, arguments), frag = script = script.onreadystatechange = frag[name] = null;
		};
		script.onreadystatechange = function () {
			if (script.readyState == 'loaded') {
				errorcallback(), frag = script = script.onreadystatechange = frag[name] = null;
			}
		};
		script.src = url;
		frag.appendChild(script);
	} else {
		var iframe = document.createElement('iframe');
		iframe.style.display = 'none';
		
		iframe.callback = function () {
			callback.apply(null, arguments), iframe.callback = iframe.errorcallback = null;
			iframe.src = 'about:blank', iframe.parentNode.removeChild(iframe), iframe = null;
		};
		iframe.errorcallback = function () {
			errorcallback(), iframe.callback = iframe.errorcallback = null;
			iframe.src = 'about:blank', iframe.parentNode.removeChild(iframe), iframe = null;
		};
		try {
			document.body.appendChild(iframe);
			iframe.contentWindow.document.write(
				'

]]> 的方式定义图片可以避
// 免重复加载和图片堵塞页面问题。建议在发现图片下载造成页面延迟的情形下使用。
function regImg(e,src){
    if(!window.imgHash) window.imgHash = new Object();
    if(src.indexOf("[%")>0)return;
    src = src.replace(/<%.*%>/g,"")
    var a = imgHash[src];
    e.onerror=null;
    if(a==null) {
        e.style.display="none";
        a=imgHash[src]=[];
        a[0]=new Image();
        a[1]=e;
        a[0].onload=function(){setImges(a)};
        a[0].src=src;
    }else{
        if(a[0].readyState=="complete")
            e.src=src;
        else{
            e.style.display="none";
            a[a.length]=e;
        }
    }
}

function openImage(o){
       var redo = 10;
       var pNode = o.parentNode
    while(pNode){
        if (pNode.tagName == "A") return;
        if (redo<0) break;
        pNode = pNode.parentNode;
        redo --;
    }
    window.open(o.src,"imageView");
}

function setImges(a){
    for(var i=1;i0) o[ar.shift()] = ar.length>0?ar.shift():"";
    return o;
}
]]>";
            // And parse that text into the empty document
            doc.loadXML(text);
        }
        return doc;
    }
};

/**
 * Synchronously load the XML document at the specified URL and
 * return it as a Document object
 */
XML.load = function(url) {
    // Create a new document with the previously defined function
    var xmldoc = XML.newDocument( );
    xmldoc.async = false;  // We want to load synchronously
    xmldoc.load(url);      // Load and parse
    return xmldoc;         // Return the document
};

/**
 * Asynchronously load and parse an XML document from the specified URL.
 * When the document is ready, pass it to the specified callback function.
 * This function returns immediately with no return value.
 */
XML.loadAsync = function(url, callback) {
    var xmldoc = XML.newDocument( );

    // If we created the XML document using createDocument, use
    // onload to determine when it is loaded
    if (document.implementation && document.implementation.createDocument) {
        xmldoc.onload = function( ) { callback(xmldoc); };
    }
    // Otherwise, use onreadystatechange as with XMLHttpRequest
    else {
        xmldoc.onreadystatechange = function( ) {
            if (xmldoc.readyState == 4) callback(xmldoc);
        };
    }

    // Now go start the download and parsing
    xmldoc.load(url);
};

/**
 * Parse the XML document contained in the string argument and return
 * a Document object that represents it.
 */
XML.parse = function(text) {
    if (typeof DOMParser != "undefined") {
        // Mozilla, Firefox, and related browsers
        return (new DOMParser( )).parseFromString(text, "application/xml");
    }
    else if (typeof ActiveXObject != "undefined") {
        // Internet Explorer.
        var doc = XML.newDocument( );  // Create an empty document
        doc.loadXML(text);            // Parse text into it
        return doc;                   // Return it
    }
    else {
        // As a last resort, try loading the document from a data: URL
        // This is supposed to work in Safari. Thanks to Manos Batsis and
        // his Sarissa library (sarissa.sourceforge.net) for this technique.
        var url = "data:text/xml;charset=utf-8," + encodeURIComponent(text);
        var request = new XMLHttpRequest( );
        request.open("GET", url, false);
        request.send(null);
        return request.responseXML;
    }
};

/**
 * Return a Document object that holds the contents of the  tag 

 * with the specified id. If the  tag has a src attribute, an XML
 * document is loaded from that URL and returned instead.
 *
 * Since data islands are often looked up more than once, this function caches
 * the documents it returns.
 */
XML.getDataIsland = function(id) {
    var doc;

    // Check the cache first
    doc = XML.getDataIsland.cache[id];
    if (doc) return doc;

    // Look up the specified element
    doc = document.getElementById(id);

    // If there is a "src" attribute, fetch the Document from that URL
    var url = doc.getAttribute('src');
    if (url) {
        doc = XML.load(url);
    }
    // Otherwise, if there was no src attribute, the content of the 
    // tag is the document we want to return. In Internet Explorer, doc is
    // already the document object we want. In other browsers, doc refers to
    // an HTML element, and we've got to copy the content of that element
    // into a new document object
    else if (!doc.documentElement) {// If this is not already a document...

        // First, find the document element within the  tag. This is
        // the first child of the  tag that is an element, rather
        // than text, comment, or processing instruction
        var docelt = doc.firstChild;
        while(docelt != null) {
            if (docelt.nodeType == 1 /*Node.ELEMENT_NODE*/) break;
            docelt = docelt.nextSibling;
        }

        // Create an empty document
        doc = XML.newDocument( );

        // If the  node had some content, import it into the new document
        if (docelt) doc.appendChild(doc.importNode(docelt, true));
    }

    // Now cache and return the document
    XML.getDataIsland.cache[id] = doc;
    return doc;
};
XML.getDataIsland.cache = {}; // Initialize the cache

/**
 * Extract data from the specified XML document and format it as an HTML table.
 * Append the table to the specified HTML element. (If element is a string,
 * it is taken as an element ID, and the named element is looked up.)
 *
 * The schema argument is a JavaScript object that specifies what data is to
 * be extracted and how it is to be displayed. The schema object must have a
 * property named "rowtag" that specifies the tag name of the XML elements that
 * contain the data for one row of the table. The schema object must also have
 * a property named "columns" that refers to an array. The elements of this
 * array specify the order and content of the columns of the table. Each
 * array element may be a string or a JavaScript object. If an element is a
 * string, that string is used as the tag name of the XML element that contains
 * table data for the column, and also as the column header for the column.
 * If an element of the columns[] array is an object, it must have one property
 * named "tagname" and one named "label". The tagname property is used to
 * extract data from the XML document and the label property is used as the
 * column header text. If the tagname begins with an @ character, it is
 * an attribute of the row element rather than a child of the row.
 */
function makeTable(xmldoc, schema, element) {
    // Create the  element
    var table = document.createElement("table");

    // Create the header row of  in a 
    var thead = document.createElement("thead");
    var header = document.createElement("tr");
    for(var i = 0; i < schema.columns.length; i++) {
        var c = schema.columns[i];
        var label = (typeof c == "string")?c:c.label;
        var cell = document.createElement("th");
        cell.appendChild(document.createTextNode(label));
        header.appendChild(cell);
    }
    // Put the header into the table
    thead.appendChild(header);
    table.appendChild(thead);

    // The remaining rows of the table go in a 
    var tbody = document.createElement("tbody");
    table.appendChild(tbody);

    // Now get the elements that contain our data from the xml document
    var xmlrows = xmldoc.getElementsByTagName(schema.rowtag);

    // Loop through these elements. Each one contains a row of the table.
    for(var r=0; r < xmlrows.length; r++) {
        // This is the XML element that holds the data for the row
        var xmlrow = xmlrows[r];
        // Create an HTML element to display the data in the row
        var row = document.createElement("tr");

        // Loop through the columns specified by the schema object
        for(var c = 0; c < schema.columns.length; c++) {
            var sc = schema.columns[c];
            var tagname = (typeof sc == "string")?sc:sc.tagname;
            var celltext;
            if (tagname.charAt(0) == '@') {
                // If the tagname begins with '@', it is an attribute name
                celltext = xmlrow.getAttribute(tagname.substring(1));
            }
            else {
                // Find the XML element that holds the data for this column
                var xmlcell = xmlrow.getElementsByTagName(tagname)[0];
                // Assume that element has a text node as its first child
                var celltext = xmlcell.firstChild.data;
            }
            // Create the HTML element for this cell
            var cell = document.createElement("td");
            // Put the text data into the HTML cell
            cell.appendChild(document.createTextNode(celltext));
            // Add the cell to the row
            row.appendChild(cell);
        }

        // And add the row to the tbody of the table
        tbody.appendChild(row);
    }

    // Set an HTML attribute on the table element by setting a property.
    // Note that in XML we must use setAttribute( ) instead.
    table.frame = "border";

    // Now that we've created the HTML table, add it to the specified element.
    // If that element is a string, assume it is an element ID.
    if (typeof element == "string") element = document.getElementById(element);
    element.appendChild(table);
}

/**
 * This XML.Transformer class encapsulates an XSL stylesheet.
 * If the stylesheet parameter is a URL, we load it.
 * Otherwise, we assume it is an appropriate DOM Document.
 */
XML.Transformer = function(stylesheet) {
    // Load the stylesheet if necessary.
    if (typeof stylesheet == "string") stylesheet = XML.load(stylesheet);
    this.stylesheet = stylesheet;

    // In Mozilla-based browsers, create an XSLTProcessor object and
    // tell it about the stylesheet.
    if (typeof XSLTProcessor != "undefined") {
        this.processor = new XSLTProcessor( );
        this.processor.importStylesheet(this.stylesheet);
    }
};

/**
 * This is the transform( ) method of the XML.Transformer class.
 * It transforms the specified xml node using the encapsulated stylesheet.
 * The results of the transformation are assumed to be HTML and are used to
 * replace the content of the specified element.
 */
XML.Transformer.prototype.transform = function(node, element) {
    // If element is specified by id, look it up.
    if (typeof element == "string") element = document.getElementById(element);

    if (this.processor) {
        // If we've created an XSLTProcessor (i.e., we're in Mozilla) use it.
        // Transform the node into a DOM DocumentFragment.
        var fragment = this.processor.transformToFragment(node, document);
        // Erase the existing content of element.
        element.innerHTML = "";
        // And insert the transformed nodes.
        element.appendChild(fragment);
    }
    else if ("transformNode" in node) {
        // If the node has a transformNode( ) function (in IE), use that.
        // Note that transformNode( ) returns a string.
        element.innerHTML = node.transformNode(this.stylesheet);
    }
    else {
        // Otherwise, we're out of luck.
        throw "XSLT is not supported in this browser";
    }
};

/**
 * This is an XSLT utility function that is useful when a stylesheet is
 * used only once.
 */
XML.transform = function(xmldoc, stylesheet, element) {
    var transformer = new XML.Transformer(stylesheet);
    transformer.transform(xmldoc, element);
}

/**
 * XML.XPathExpression is a class that encapsulates an XPath query and its
 * associated namespace prefix-to-URL mapping. Once an XML.XPathExpression
 * object has been created, it can be evaluated one or more times (in one
 * or more contexts) using the getNode( ) or getNodes( ) methods.
 *
 * The first argument to this constructor is the text of the XPath expression.
 *
 * If the expression includes any XML namespaces, the second argument must
 * be a JavaScript object that maps namespace prefixes to the URLs that define
 * those namespaces. The properties of this object are the prefixes, and
 * the values of those properties are the URLs.
 */
XML.XPathExpression = function(xpathText, namespaces) {
    this.xpathText = xpathText;    // Save the text of the expression
    this.namespaces = namespaces;  // And the namespace mapping

    if (document.createExpression) {
        // If we're in a W3C-compliant browser, use the W3C API
        // to compile the text of the XPath query
        this.xpathExpr =
            document.createExpression(xpathText,
                                      // This function is passed a
                                      // namespace prefix and returns the URL.
                                      function(prefix) {
                                          return namespaces[prefix];
                                      });
    }
    else {
        // Otherwise, we assume for now that we're in IE and convert the
        // namespaces object into the textual form that IE requires.
        this.namespaceString = "";
        if (namespaces != null) {
            for(var prefix in namespaces) {
                // Add a space if there is already something there
                if (this.namespaceString) this.namespaceString += ' ';
                // And add the namespace
                this.namespaceString += 'xmlns:' + prefix + '="' +
                    namespaces[prefix] + '"';
            }
        }
    }
};

/**
 * This is the getNodes( ) method of XML.XPathExpression. It evaluates the
 * XPath expression in the specified context. The context argument should
 * be a Document or Element object. The return value is an array
 * or array-like object containing the nodes that match the expression.
 */
XML.XPathExpression.prototype.getNodes = function(context) {
    if (this.xpathExpr) {
        // If we are in a W3C-compliant browser, we compiled the
        // expression in the constructor. We now evaluate that compiled
        // expression in the specified context.
        var result =
            this.xpathExpr.evaluate(context,
                                    // This is the result type we want
                                    XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,
                                    null);

        // Copy the results we get into an array.
        var a = new Array(result.snapshotLength);
        for(var i = 0; i < result.snapshotLength; i++) {
            a[i] = result.snapshotItem(i);
        }
        return a;
    }
    else {
        // If we are not in a W3C-compliant browser, attempt to evaluate
        // the expression using the IE API.
        try {
            // We need the Document object to specify namespaces
            var doc = context.ownerDocument;
            // If the context doesn't have ownerDocument, it is the Document
            if (doc == null) doc = context;
            // This is IE-specific magic to specify prefix-to-URL mapping
            doc.setProperty("SelectionLanguage", "XPath");
            doc.setProperty("SelectionNamespaces", this.namespaceString);

            // In IE, the context must be an Element not a Document,
            // so if context is a document, use documentElement instead
            if (context == doc) context = doc.documentElement;
            // Now use the IE method selectNodes( ) to evaluate the expression
            return context.selectNodes(this.xpathText);
        }
        catch(e) {
            // If the IE API doesn't work, we just give up
            throw "XPath not supported by this browser.";
        }
    }
}


/**
 * This is the getNode( ) method of XML.XPathExpression. It evaluates the
 * XPath expression in the specified context and returns a single matching
 * node (or null if no node matches). If more than one node matches,
 * this method returns the first one in the document.
 * The implementation differs from getNodes( ) only in the return type.
 */
XML.XPathExpression.prototype.getNode = function(context) {
    if (this.xpathExpr) {
        var result =
            this.xpathExpr.evaluate(context,
                                    // We just want the first match
                                    XPathResult.FIRST_ORDERED_NODE_TYPE,
                                    null);
        return result.singleNodeValue;
    }
    else {
        try {
            var doc = context.ownerDocument;
            if (doc == null) doc = context;
            doc.setProperty("SelectionLanguage", "XPath");
            doc.setProperty("SelectionNamespaces", this.namespaceString);
            if (context == doc) context = doc.documentElement;
            // In IE call selectSingleNode instead of selectNodes
            return context.selectSingleNode(this.xpathText);
        }
        catch(e) {
            throw "XPath not supported by this browser.";
        }
    }
};

// A utility to create an XML.XPathExpression and call getNodes( ) on it
XML.getNodes = function(context, xpathExpr, namespaces) {
    return (new XML.XPathExpression(xpathExpr, namespaces)).getNodes(context);
};

// A utility to create an XML.XPathExpression and call getNode( ) on it
XML.getNode  = function(context, xpathExpr, namespaces) {
    return (new XML.XPathExpression(xpathExpr, namespaces)).getNode(context);
};

/**
 * Serialize an XML Document or Element and return it as a string.
 */
XML.serialize = function(node) {
    if (typeof XMLSerializer != "undefined")
        return (new XMLSerializer( )).serializeToString(node);
    else if (node.xml) return node.xml;
    else throw "XML.serialize is not supported or can't serialize " + node;
};

/*
 * Expand any templates at or beneath element e.
 * If any of the templates use XPath expressions with namespaces, pass
 * a prefix-to-URL mapping as the second argument as with XML.XPathExpression( )
 *
 * If e is not supplied, document.body is used instead. A common
 * use case is to call this function with no arguments in response to an
 * onload event handler. This automatically expands all templates.
 */
XML.expandTemplates = function(e, namespaces) {
    // Fix up arguments a bit.
    if (!e) e = document.body;
    else if (typeof e == "string") e = document.getElementById(e);
    if (!namespaces) namespaces = null; // undefined does not work

    // An HTML element is a template if it has a "datasource" attribute.
    // Recursively find and expand all templates. Note that we don't
    // allow templates within templates.
    if (e.getAttribute("datasource")) {
        // If it is a template, expand it.
        XML.expandTemplate(e, namespaces);
    }
    else {
        // Otherwise, recurse on each of the children. We make a static
        // copy of the children first so that expanding a template doesn't
        // mess up our iteration.
        var kids = []; // To hold copy of child elements
        for(var i = 0; i < e.childNodes.length; i++) {
            var c = e.childNodes[i];
            if (c.nodeType == 1) kids.push(e.childNodes[i]);
        }

        // Now recurse on each child element
        for(var i = 0; i < kids.length; i++)
            XML.expandTemplates(kids[i], namespaces);
    }
};

/**
 * Expand a single specified template.
 * If the XPath expressions in the template use namespaces, the second
 * argument must specify a prefix-to-URL mapping
 */
XML.expandTemplate = function(template, namespaces) {
    if (typeof template=="string") template=document.getElementById(template);
    if (!namespaces) namespaces = null; // Undefined does not work

    // The first thing we need to know about a template is where the
    // data comes from.
    var datasource = template.getAttribute("datasource");

    // If the datasource attribute begins with '#', it is the name of
    // an XML data island. Otherwise, it is the URL of an external XML file.
    var datadoc;
    if (datasource.charAt(0) == '#')   // Get data island
        datadoc = XML.getDataIsland(datasource.substring(1));
    else                               // Or load external document
        datadoc = XML.load(datasource);

    // Now figure out which nodes in the datasource will be used to
    // provide the data. If the template has a foreach attribute,
    // we use it as an XPath expression to get a list of nodes. Otherwise,
    // we use all child elements of the document element.
    var datanodes;
    var foreach = template.getAttribute("foreach");
    if (foreach) datanodes = XML.getNodes(datadoc, foreach, namespaces);
    else {
        // If there is no "foreach" attribute, use the element
        // children of the documentElement
        datanodes = [];
        for(var c=datadoc.documentElement.firstChild; c!=null; c=c.nextSibling)
            if (c.nodeType == 1) datanodes.push(c);
    }

    // Remove the template element from its parent,
    // but remember the parent, and also the nextSibling of the template.
    var container = template.parentNode;
    var insertionPoint = template.nextSibling;
    template = container.removeChild(template);

    // For each element of the datanodes array, we'll insert a copy of
    // the template back into the container. Before doing this, though, we
    // expand any child in the copy that has a "data" attribute.
    for(var i = 0; i < datanodes.length; i++) {
        var copy = template.cloneNode(true);           // Copy template
        expand(copy, datanodes[i], namespaces);        // Expand copy
        container.insertBefore(copy, insertionPoint);  // Insert copy
    }

    // This nested function finds any child elements of e that have a data
    // attribute. It treats that attribute as an XPath expression and
    // evaluates it in the context of datanode. It takes the text value of
    // the XPath result and makes it the content of the HTML node being
    // expanded. All other content is deleted.
    function expand(e, datanode, namespaces) {
        for(var c = e.firstChild; c != null; c = c.nextSibling) {
            if (c.nodeType != 1) continue;  // elements only
            var dataexpr = c.getAttribute("data");
            if (dataexpr) {
                // Evaluate XPath expression in context.
                var n = XML.getNode(datanode, dataexpr, namespaces);
                // Delete any content of the element
                c.innerHTML = "";
                // And insert the text content of the XPath result
                c.appendChild(document.createTextNode(getText(n)));
            }
            // If we don't expand the element, recurse on it.
            else expand(c, datanode, namespaces);
        }
    }

    // This nested function extracts the text from a DOM node, recursing
    // if necessary.
    function getText(n) {
        switch(n.nodeType) {
        case 1: /* element */
            var s = "";
            for(var c = n.firstChild; c != null; c = c.nextSibling)
                s += getText(c);
            return s;
        case 2: /* attribute*/
        case 3: /* text */
        case 4: /* cdata */
            return n.nodeValue;
        default:
            return "";
        }
    }

};


]]>

drag drop test




	
		
			test
			test
			test:
			test:
			test
			test
		
	
	
		test
	


]]>= numFrames) {             // First, see if we're done
            clearInterval(intervalId);        // If so, stop calling ourselves
            if (whendone) whendone(element);  // Invoke whendone function
            return;                           // And we're finished
        }

        // Now loop through all properties defined in the animation object
        for(var cssprop in animation) {
            // For each property, call its animation function, passing the
            // frame number and the elapsed time. Use the return value of the
            // function as the new value of the corresponding style property
            // of the specified element. Use try/catch to ignore any
            // exceptions caused by bad return values.
            try {
                element.style[cssprop] = animation[cssprop](frame, time);
            } catch(e) {}
        }

        frame++;               // Increment the frame number
        time += timePerFrame;  // Increment the elapsed time
    }
}

 

]]>= 0; i--) {
        if (rules[i].selectorText.toLowerCase() == s) return rules[i];
    }
    return null;
};

// Return the CSS2Properties object for the specified rule.
// Rules can be specified by number or by selector.
Stylesheet.prototype.getStyles = function(s) {
    var rule = this.getRule(s);
    if (rule && rule.style) return rule.style;
    else return null;
};

// Return the style text for the specified rule.
Stylesheet.prototype.getStyleText = function(s) {
    var rule = this.getRule(s);
    if (rule && rule.style && rule.style.cssText) return rule.style.cssText;
    else return "";
};

// Insert a rule into the stylesheet.
// The rule consists of the specified selector and style strings.
// It is inserted at index n. If n is omitted, it is appended to the end.
Stylesheet.prototype.insertRule = function(selector, styles, n) {
    if (n == undefined) {
        var rules = this.getRules();
        n = rules.length;
    }
    if (this.ss.insertRule)   // Try the W3C API first
        this.ss.insertRule(selector + "{" + styles + "}", n);
    else if (this.ss.addRule) // Otherwise use the IE API
        this.ss.addRule(selector, styles, n);
};

// Remove the rule from the specified position in the stylesheet.
// If s is a number, delete the rule at that position.
// If s is a string, delete the rule with that selector.
// If n is not specified, delete the last rule in the stylesheet.
Stylesheet.prototype.deleteRule = function(s) {
    // If s is undefined, make it the index of the last rule
    if (s == undefined) {
        var rules = this.getRules();
        s = rules.length-1;
    }

    // If s is not a number, look for a matching rule and get its index.
    if (typeof s != "number") {
        s = s.toLowerCase();    // convert to lowercase
        var rules = this.getRules();
        for(var i = rules.length-1; i >= 0; i--) {
            if (rules[i].selectorText.toLowerCase() == s) {
                s = i;  // Remember the index of the rule to delete
                break;  // And stop searching
            }
        }

        // If we didn't find a match, just give up.
        if (i == -1) return;
    }

    // At this point, s will be a number.
    // Try the W3C API first, then try the IE API
    if (this.ss.deleteRule) this.ss.deleteRule(s);
    else if (this.ss.removeRule) this.ss.removeRule(s);
};


]]>
String.prototype.format=function()
{
  if(arguments.length==0) return this;
  for(var s=this, i=0; i]]>
function arrmove(arr,s,t){
	if(s==t) return arr;
	if(s]]>

]]>
Array.prototype.moveComponent=function (s,t){
	if(s!=t) {
		var temp=this[s];
		this.splice(s,1);
		this.splice(t,0,temp);
	}
	return this;
}
var a=new Array(0,1,2,3,4,5,6,7);
alert(a);
alert(a.moveComponent(2,6));
]]>
FF
window.getSelection().removeAllRanges();
IE
document.selection.empty();

用途:
拖拽组件的时候,取消一些用户误操作的选中的文字

]]>
function getOutput(num)
{
var str9=num.toString(9);
alert(str9);
var str10=str9.replace(/8/g,"9").replace(/7/g,"8").replace(/6/g,"7").replace(/5/g,"6").replace(/4/g,"5");
return parseInt(str10);
}
alert(getOutput(36));
]]>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  

  播放控制:

  音乐切换:
  
  
  
  

  播放控制:
  
  
  
  

  声道控制:
  
  
  
  
  

  进度控制:
  
  
  
  
  
  

  音量控制:
  
  
  
  
  
  
  
  
  

  速度控制:
  
  
  
  
  
界面控制:

  字幕控制:
  
  
  
  

  音量控制:
  
  
  
  

  播放控制:
  
  
  
  

  媒体信息:
  
  
  
  

  GotoBar :
  
  
  
  

  状 态 栏:
  
  
  
  

  跟 踪 条:
  
  
  
  

  位置控制:
  
  
  
  

  窗口缩放:
  
  
  
  
  ]]>function " + cFN + "(data){frameElement.callback(data)};<\/script>]]>123456789
101112
 
]]>
function sel(obj){
    var s=(window.getSelection)?window.getSelection():document.selection.createRange();
    if(obj.createTextRange){
        s.setEndPoint("StartToStart",obj.createTextRange());
    }else{
        (!!s.toString())&&s.getRangeAt(0).setStart(document.body.firstChild, 0); 
    }
    (s.text)&&(alert(s.text),1)||alert(s);
}



我们可以用window.getselection()得到选择区域，可是有时候我们需要对未选择的区域进行操作，当然与选择区域有关，比如说，选择区域为多行，但是首行未占满，我想得到的区域为选择区域以及选择区域的首行没有选择的部分？？？？急！！！



]]>
var a=1,b=2;
a=[b,b=a][0];
alert(a+","+b);
]]>
//var a=new Array(3,6,8,10,12,15,16,18,21,25,30);
var a=["张大头","李大头","杜大头","林大头","王大头","郑大头","陈大头","黄大头"].sort();
document.write(a+"
");
function seach(n){
	var low=0,mid,high=a.length-1;
	document.write("low:"+low+" mid:"+mid+" high:"+high+"
");
	while(low <= high){
		//取中间值；
		mid = Math.floor((low + high) / 2);
		document.write("mid:"+mid+" ");
		if (a[mid]==n){//如果中间值与目标数相等，返回中间值；
                                   return n+"的索引值是："+mid;
                                }
		if (a[mid]");
	}
	return -1;
}
document.write(seach("张大头"));
]]>
2


4






]]>=0)?0:-1)

不考虑天数:
年数相减*12+月数相减

得到某月的天数:
alert(new Date(2007,12,0).getDate())
2007,12,0 : 十二月份的最后一天


今天是本月的第几周
今天是本年的第几周
 



]]>asdf
asdf]]>
c();
t=function c(){alert('test c')}
t();
]]>
if ("function" != typeof Function.prototype.apply) {
//Meizz apply and call (梅老师写的兼容方法)
//如果浏览器版本过低不支持apply和call的话 - -!
    Function.prototype.apply = function (obj, argu) {
    //apply函数兼容
        var a = [], f = null, i = 0;
        if (argu && argu.constructor === Array) for (; i < argu.length ; i ++) a[i] = "argu[" + i + "]";
        //把这个被apply的函数追到自己的原型对象中，这样就调用一下这个函数，就可以实现继承里面所有的引用。
        if (obj) obj.constructor.prototype.___caller = this;
        f = eval((obj ? "obj.___caller" : "this") + "(" + a.join(",") + ");");
        //用完了，就删除掉它
        if (obj) delete obj.constructor.prototype.___caller;
        return f;
    };
    Function.prototype.call = function (obj) {
    //call函数兼容
        for (var a = [], i = 1 ; i < arguments.length ; i ++) a[i - 1] = arguments[i];
        return this.apply(obj, a);
    };
}
]]>
var address = function (obj, url, title) {
/*
嘿嘿，从BlueDestiny的BLOG里搜刮了一篇添加收藏夹的代码，不过那个貌似偶合太高。。
看的迷糊。。所以单独做出来了。。。并且可以兼容热点使用。。。
BlueDestiny前辈的源文：http://www.never-online.net/blog/article.asp?id=108
*/
    var e = window.event || arguments.callee.caller.arguments[0];
    
    var B = {
        IE : /MSIE/.test(window.navigator.userAgent) && !window.opera
        , FF : /Firefox/.test(window.navigator.userAgent)
        , OP : !!window.opera
    };
    
    obj.onmousedown = null;
    
    if (B.IE) {
        obj.attachEvent("onmouseup", function () {
            try {
                window.external.AddFavorite(url, title);
                window.event.returnValue = false;
            } catch (exp) {}
        });
    } else {
        if (B.FF || obj.nodeName.toLowerCase() == "a") {
            obj.setAttribute("rel", "sidebar"), obj.title = title, obj.href = url;
        } else if (B.OP) {
            var a = document.createElement("a");
            a.rel = "sidebar", a.title = title, a.href = url;
            obj.parentNode.insertBefore(a, obj);
            a.appendChild(obj);
            a = null;
        }
    }
};





添加]]>
/*菜单样式*/      
#dhmenu {height:20px;list-style:none;margin:0;padding:0;}      
#dhmenu li {height:18px;float:left;margin:0 1px;padding:0;}      
#dhmenu li a {cursor:default;height:18px;outline:none;padding-left:10px;color:#000;text-decoration:none;background-color:buttonface;float:left;border:1px solid buttonface;}      
#dhmenu li a span {height:18px;line-height:18px;cursor:default;padding-right:10px;background-color:buttonface;float:left;}      
#dhmenu li a:hover {border:1px outset;}      





	test
]]>
var timer = 0;
function test(obj){	
	if (timer) window.clearTimeout(timer);
	timer = window.setTimeout(function () {
		timer = 0;
		var osh = parseInt(obj.scrollHeight);
		var ost = parseInt(obj.scrollTop);
		var ooh = parseInt(obj.offsetHeight);
		if(osh-ost==ooh){
			alert('do something');
		}
	}, 0);
}



 
]]>
	
function   f()   { 
alert(a); 
var   a   =   'a'; 
} 

f();

function   f()   { 
var   a=new String; 
alert(a); 
a   =   'a'; 
}
f();
]]>
function getexp(exp){
	var tmpexp;
	tmpexp = exp.replace(/A/g,30).replace(/B/g,12.5).replace(/C/g,27);
	tmpexp = tmpexp.replace(/avg\((.*)\)/i,function(o){return o.replace(/\,/g,"+").replace(/avg/i,"")+"/"+(o.split("\,").length)});
	tmpexp = tmpexp.replace(/sum\((.*)\)/i,function(o){return '(function(){var tmpv=0;tmpv += '+o.replace(/sum/i,"").replace(/\)/,");return tmpv;})()")});

	if(/(sum)|(avg)/ig.test(exp)){
		return getexp(tmpexp)
	}else{
		return tmpexp;
	}
}

var tempexp = "avg(sum(A*B),sum(B*C),sum(A*C))";
var tmpno = getexp(tempexp);
alert(tmpno);
alert(eval(tmpno));
]]>
function tobits(flt,n){
	if(parseFloat(flt) == flt){
		var t = 1+new Array(n+1).join("0");
		return Math.round(flt * t) / t ;
	}else{
		return 0;
	}
}

alert(tobits(108.3383533337,2));
alert(tobits(108.3383533337,4));
alert(tobits(108.3383533337,9));
]]>
//比较两串，长串必须包含短串中所有字符，重复字符计一字符；如果串长一样则必须每一字符都相同；
function comp(a,b){
    if(a.length==b.length) return a.split("").sort().join("")==b.split("").sort().join("");
    a = a.split("").sort().join("").replace(/(.)\1+/g,"$1");
    b = b.split("").sort().join("").replace(/(.)\1+/g,"$1");
    var arr = a.split("");
    var re = new RegExp(arr.join("|"),"g");
    return (b.length - b.replace(re,"").length == a.length || b.replace(re,"").length==0)
}
//数组的比较
function compArr(a,b){
    if(a.length==b.length) return a.sort().join("")==b.sort().join("");
    a = a.sort().join("").replace(/(.)\1+/g,"$1");
    b = b.sort().join("").replace(/(.)\1+/g,"$1");
    var arr = a.split("");
    var re = new RegExp(arr.join("|"),"g");
    return (b.length - b.replace(re,"").length == a.length || b.replace(re,"").length==0)
}

var a = ["1","2","3"];
var b = ["1","3"];

alert(compArr(a,b));

alert(comp("ab","b"));

]]>
//针对大数字比较
function compArr(a,b){
    if(a.length==b.length) return a.sort().join("")==b.sort().join("");
    var arr = a.slice(0);
    a = a.sort().join(",");
    b = b.sort().join(",");
    var re = new RegExp(arr.join(",|"),"g");
    return (b.length - b.replace(re,"").length == a.length || b.replace(re,"").length==0)
}

var a = ["100","200","300"];
var b = ["100","300"];

alert(compArr(a,b));
]]>
var to16 = {

    on : function (str) {
        var a = [], i = 0;
        
        for (; i < str.length ;) a[i] = ("00" + str.charCodeAt(i ++).toString(16)).slice(-4);
        
        return "\\u" + a.join("\\u");
    },
    
    un : function (str) {
        return unescape(str.replace(/\\/g, "%"));
    }
    
};
var str = to16.on("test");
var str2 = to16.un("\u0074\u0065\u0073\u0074 ");
document.write(str+"
");
document.write(str2+"
");

]]> 
                                 
      iframe滚动兼容测试 
       
       
     
     
          iframe滚动兼容测试 
           
           
           
           
           
     
]]>
var string = "我是一个字符串啊咿呀咿呀呦";
string.replace(/(.)./g, function () {
/*
REPLACE第二个参数为函数，则传递给此函数的形式参数如下，并且不会影响Global的RegExp对象
arguments[arguments.length] = RegExp.lastMatch

---
如果有捕获的情况则
arguments[arguments.length] = RegExp.$1
arguments[arguments.length] = RegExp.$2
....
---

arguments[arguments.length] = RegExp.input
arguments[arguments.length] = RegExp.input
*/
    for (var arg = arguments, ary = [], i = 0 ; i < arg.length ; i ++)
        ary.push("arguments[" + i + "] = " +  arg[i]);
    alert(ary.join("\n"));
});
 ]]>
var str = 'aaa';
var s = str.replace(/a/g,
function($$,mathIndex,input){
    var ar = [];
    for(var i=0;i ]]>
var 疑问 = function () {

	var 我要独立 = "可以";
	
	this.set = 疑问.prototype.set = function () {
		我要独立 = "不可以";
	};
	
	this.get = 疑问.prototype.get = function () {
		return 我要独立;
	};
	
};

var 测试 = function () {
	return 疑问.call(this);
};

var 实例1 = new 测试;

var 实例2 = new 测试;

实例1.set();

alert(实例1.get() + "\n" + 实例2.get());
alert(实例1.set === 实例2.set);
 ]]>
Object.extend = function (a, b) {
	for (var i in b) a[i] = b[i];
	return a;
};

var 疑问 = function () {

	var 我要独立 = "可以";
	
	疑问.prototype.set = function () {
		我要独立 = "不可以";
	};
	
	疑问.prototype.get = function () {
		return 我要独立;
	};
	
};

var 测试 = function () {
	Object.extend(this, new 疑问);
};
测试.prototype.constructor = 疑问;

var 实例1 = new 测试;

var 实例2 = new 测试;

实例1.set();

alert(实例1.get() + "\n" + 实例2.get());
alert(实例1.get === 实例2.get);
]]> 0) {
				exectime -= speed;
				try {
					if (callback) callback();
					clear();
				} catch (exp) {}
			} else {
				if (errcallback) errcallback();
				clear();
			}
		}, speed);
		
	} catch (exp) {
		alert("head还未加载...");
	}
};]]>   
     
  画图   
     
     
     
     
     
     
   
    
    
    
    
    
     
     
    
    
     
   elements in a 

	
   
     
  得分   
  第1场   
  第2场   
  第3场   
  第4场   
  第5场   
  第6场   
  第7场   
     
     
  二分球   
  14   
  24   
  8   
  32   
  12   
  18   
  22   
     
     
  三分球   
  9   
  3   
  15   
  6   
  3   
  9   
  3   
     
     
  罚球   
  8   
  7   
  2   
  11   
  3   
  5   
  12   
     
     
     
     
  ]]>



浮动


postBar



]]>




position:fixed





Begin
很帅滴测试

很帅滴测试
很帅滴测试
很帅滴测试
很帅滴测试
很帅滴测试
很帅滴测试
很帅滴测试
很帅滴测试
很帅滴测试

很帅滴测试
很帅滴测试
很帅滴测试
很帅滴测试
很帅滴测试
很帅滴测试
很帅滴测试
很帅滴测试
很帅滴测试

很帅滴测试
很帅滴测试
很帅滴测试
很帅滴测试
很帅滴测试
很帅滴测试
很帅滴测试
很帅滴测试
很帅滴测试

很帅滴测试
很帅滴测试
很帅滴测试
很帅滴测试
很帅滴测试
很帅滴测试
很帅滴测试
End


我始终在屏幕左上角哦

]]>



Untitled Document



　　一个和尚挑水吃、两个和尚抬水吃、三个和尚没水吃。总寺的方丈大人得知情况后，就派来了一名主持和一名书记，共同负责解决这一问题。主持上任后，发现问题的关键是管理不到位，于是就招聘一些和尚成立了寺庙管理部来制定分工流程。为了更好地借鉴国外的先进经验，寺庙选派唐僧等领导干部出国学习取经；此外，他们还专门花钱请了天主教、基督教的神父传授MBA。神父呆了不久留下几个东东就走了，一个叫BPR，一个叫ERP。
 
　　书记也没闲着，他认为问题的关键在于人才没有充分利用、寺庙文化没有建设好，于是就成立了人力资源部和寺庙工会等等，并认认真真地走起了竞聘上岗和定岗定编的过场。
 
　　几天后成效出来了，三个和尚开始拼命地挑水了，可问题是怎么挑也不够喝。不仅如此，小和尚都忙着挑水、寺庙里没人念经了，日子一长，来烧香的客人越来越少，香火钱也变得拮据起来。为了解决收入问题，寺庙管理部、人力资源部等连续召开了几天的会，最后决定，成立专门的挑水部负责后勤和专门的烧香部负责市场前台。同时，为了更好地开展工作，寺庙提拔了十几名和尚分别担任副主持、主持助理，并在每个部门任命了部门小主持、副小主持、小主持助理。
 
　　老问题终于得到缓解了，可新的问题跟着又来了。前台负责念经的和尚总抱怨口渴水不够喝，后台挑水的和尚也抱怨人手不足、水的需求量太大而且没个准儿，不好伺候。
 
　　为了更好地解决这一矛盾，经开会研究决定，成立一个新的部门：喝水响应部，专门负责协调前后台矛盾。为了便于沟通、协调，每个部门都设立了对口的联系和尚。   协调虽然有了，但效果却不理想，仔细一研究，原来是由于水的需求量不准、水井数量不足等原因造成的。于是各部门又召开了几次会，决定加强前台念经和尚对饮用水的预测和念经和尚对挑水和尚满意度测评等，让前后台签署协定、相互打分，健全考核机制。为了便于打分考核，寺院特意购买了几个计算机系统，包括挑水统计系统、烧香统计系统、普通香客捐款分析系统、大香客捐款分析系统、挨上必死系统（简称IBS系统）、马上就死系统（简称MS系统）等，同时成立香火钱管理部、香火钱出账部、打井策略研究部、打井建设部、打井维护部等等。由于各个系统出来的数总不准确、都不一致，于是又成立了技术开发中心，负责各个系统的维护、二次开发。由于部门太多、办公场地不足，寺院专门成立了综合部来解决这一问题，最后决定把寺院整个变成办公区，香客烧香只许在山门外烧。 
 
　　部门多、当官的多档和开会自然就多，为了减少文山会海，综合办牵头召开了N次关于减少开会的会，并下达了“关于减少档的档”。同时，为了精简机构、提高效率，寺院还成立了精简机构办公室、机构改革研究部等部门。 
 
　　一切似乎都合情合理，但香火钱和喝水的问题还是迟迟不能解决。问题在哪呢？有的和尚提出来每月应该开一次分析会，于是经营分析部就应运而生了。分析需要很多数据和报表，可系统总是做不到，于是每个部门都指派了一些和尚手工统计、填写报表、给系统打工。
 
　　寺院空前地热闹起来，有的和尚在拼命挑水、有的和尚在拼命念经、有的和尚在拼命协调、有的和尚在拼命分析……忙来忙去，水还是不够喝、香火钱还是不够用。什么原因呢？这个和尚说流程不顺、那个和尚说任务分解不合理，这个和尚说部门界面不清、那个和尚说考核力度不够。只有三个人最清楚问题之关键所在，那三个人就是最早的那三个和尚。说来说去，就是***闲人太多了！他们说：“整天瞎分析个屁！什么***流程问题、职责问题、接口问题、考核问题，明明就是机构臃肿问题！早知今日，还不如当初咱们仨自觉自律一点算了！如今倒好，招来了这么一大帮傻B，一个个不干正经事还***人五人六的，跟屎盆子一样甩都甩不掉！”
 
　　又过了一年，寺院黄了，和尚们也都死了。人们在水井边发现了几具尸体，是累死的；在寺院里发现了几千具尸体，是渴死的。


]]>
	
var checkPassWord = function (string) {
//校验密码级别
    return string.replace(/^(?:(?=.{4})(?=.*([a-z])|.)(?=.*([A-Z])|.)(?=.*(\d)|.)(?=.*(\W)|.).*|.*)$/, "$1$2$3$4").length;

};

alert(checkPassWord("你好 wc"));
]]>
.combobx {width:100px;overflow:hidden;position:relative;background:red;}
.combobxB {width:100px;position:absolute;left:0;top:1px;clip:rect(1px auto auto 81px);}
/*FF下调整一点点.combobxB {width:100px;position:absolute;left:0;top:0;clip:rect(2px auto auto 81px);}*/
.combobxA {width:100px;}





]]>
Function.prototype.createInstance = function()
{
	var p = this.getPrototype();
	this.apply(p,arguments);
	return p;
}
Function.prototype.getPrototype = function()
{
	var p = function(){};
	p.prototype = this.prototype;
	return new p;
}
_getPrototypeType = function(obj)
{
	var p = function(){};
	p.prototype = obj;
	return p;
}
Function.prototype.Extends = function()
{
	var $args = Array.prototype.slice.apply(arguments);
	var parent = $args[$args.length-1] || function(){};
	parent = parent instanceof Function ? parent : _getPrototypeType(parent);
	var $p = this;
	var ret = function(){
		parent.apply(this, arguments);
		$p.apply(this, arguments);
	}
	ret.prototype = parent.getPrototype(); //原型继承
	var $par = parent;
	ret.Extends = function(parent)
	{
		return Function.prototype.Extends.call(this, $par.Extends(parent));
	}
	if($args.length > 1)
	{
		ret = ret.Extends.apply(ret,$args.slice(-1));	
	}
	return ret;
}

/*属性继承*/

function A(x,y)
{
	this.x = x;
	this.y = y;
}
var B = function(x,y,z)
{
	this.x = 5;
	this.z = z;
}.Extends(A);

var b = new B(10,20,30);
alert("属性继承："+[b.x,b.y,b.z]);


var C = function(x,y,z,w)
{
	this.w = w;
}.Extends(B);
C.prototype.toString = function(){
	return [this.x,this.y,this.z,this.w].toString();
}

var c = new C(10,20,30,40);
c.x=60;
var d = new C(1,2,3,4);
alert(c);
alert(d);


/*高级属性继承（多继承）*/
function MA(x)
{
	this.x = x;
	return this;
}
function MB(x,y)
{
	this.y = y;
	return this;
};

var MC = function(x,y,z)
{	
	this.x = 100;	//改写了x
	this.z = z;
	return this;
}.Extends(MA,MB);

var mc = new MC(1,2,3);
alert("多重继承："+[mc.x,mc.y,mc.z]);
//alert(mc instanceof MA);

/*方法继承*/
function FA(){
	return this;
}
FA.prototype.a = function(){
	alert("FA");
}
function FB(){
	return this;
}
FB.prototype.b = function(){
	alert("FB");
}
var FC = function(){
	return this;
}.Extends(FA);

FC.prototype.a = function(){
	alert("a in FC");
}
FC.prototype.c = function(){
	alert("FC");
}
alert("方法继承：");
var fc = new FC();
fc.a();

/*JSON继承*/
var JType = function(){
	this.x = 100;
}.Extends({a:1,b:2,c:3});
JType.prototype.toString = function()
{
	return [this.x, this.a, this.b, this.c];
}
var j = new JType();
alert("JSON继承："+j.toString());

alert("继承一个很多属性的JSON对象，与普通extend的效率比较：");
extend=function(c,p){for(var i in p)c[i]=p[i];return c};

/*继承一个很多属性的JSON对象，与普通的extend比较*/
var bigArr = {};
for(var i = 0; i < 150; i++) bigArr[i] = i;

var d = new Date();
for(var i = 0; i < 1000; i++)
{
	var JType = function(){
		this.x = 100;
	}.Extends(bigArr);
}
alert("这种继承方式："+(new Date() - d));

var d = new Date();
for(var i = 0; i < 1000; i++)
{
	var JType = function(){
		this.x = 100;
	}
	extend(JType,bigArr);
}
alert("普通的extend："+(new Date() - d));
]]>
document.write HEX(ASCW("啊"))
document.write "&#x" & HEX(ASCW("啊")) & ";"


]]>
(function () {
	var arr=Array.prototype.shift.call(arguments,0);
	alert("removed:"+arr+"\nSurplus length:"+arguments.length);
})(1,2,3)
]]>


css圆角效果






无图片实现圆角矩形
无图片实现圆角矩形



]]>




  
        1px圆角框
  



  
        1px圆角框
  
]]>




可选择可输入的下拉框




学历:





]]>




可选择可输入的下拉框






	


	



]]>


 New Document 












]]>



 new document 




你太西藏了


]]>

]]>

]]>
	p1 test
 test 2
	p2	test


]]>





    這個鏈接的左鍵和右鍵觸發的事件結果都被阻止
    這個鏈接沒有做任何限制



]]>
//类 - 动物
var animal = function(){
    //生命
    this.live = true
    //性别
    this.gender = "male";
}
//动物的行为方式
animal.prototype = {
    //进食
    dine:function(){
        alert('进食');
    },
    //移动
    move:function(){
        alert('移动');
    },
    //繁殖
    breed:function(){
        alert('雌雄交配进行繁殖');
    }
}

//类 - 人
var person = function(){
    //继承动物的属性
    animal.call(this);
    //人还有人自己的一些属性
    this.name = "Adam";
    this.complexion = "white";
}
//继承动物的行为方法
person.prototype = new animal();
//改写人的行为方法
person.prototype.dine = function(){
    (this.live)?alert("肤色："+this.complexion+" ，性别："+this.gender+" ，姓名："+this.name+'\n用嘴吃东西！杂食！'):alert('不能进食！\nthis guy was dead!');
}
person.prototype.move = function(){
    alert("肤色："+this.complexion+" ，性别："+this.gender+" ，姓名："+this.name+'\n用两条腿直立行走！\n随着社会的进步，'+this.name+'可以乘坐不同的交通工具来代替行走！');
}

//实例
var pCharlie = new person();
pCharlie.name = "charlie";
pCharlie.complexion = "yellow";
pCharlie.dine();
pCharlie.move();
pCharlie.breed();
pCharlie.live = false;
pCharlie.dine();
]]>
var person = function(_name){
    this.name = _name;
}
person.prototype = {
    children:[],
    showName:function(){
        alert(this.name);
    },
    showChildren:function(){
        alert(this.children);
    }
}

var pCharlie = new person('charle');
var pJoy = new person('joy');

/*name属性是构造函数里定义的，它都指向具体的实例，所以，无论哪个实例更改name值，其他实例都不会受到影*/
pCharlie.showName();
pJoy.showName();

pCharlie.name = "charlie_du";

pCharlie.showName();
pJoy.showName();
/*pJoy的name始终是joy*/

/*每个实例同时都成为它的instanceof对象的prototype的引用
   因为是引用，我们知道，它可以更改原始对象下的具有属性的属性。
   即，原始对象中，属性值是一个对象的，这个对象可以被引用更改，
   从而影响到原始对象的内容
*/
pCharlie.showChildren();
pJoy.showChildren();

pCharlie.children.push("kirui");

pCharlie.showChildren();
pJoy.showChildren();
/*children属性是一个Array，它是一个对象，所以它被实例pCharlie更改后，
   影响到了pCharlie指向的person.prototype.children，而我们知道，
   每个实例都是它的instanceof对象的prototype的引用，大家用的都是同一份内容，
   所以，pJoy的showChildren()出来的也是"kirui"
*/
]]>
var newArray = function(n){
    var arr = [];
    for(var i=0;i]]>
var a = {
     b:function () {
	 	var tf = function(txt){
			this.txt = txt;
		};
		tf.prototype = {
			show:function(){
				alert(this.txt);
			}
		};
	 	return tf;
	 }()
}

var B = new a.b('test');
B.show();
]]>
var a = function(){this.C="c"}
a.prototype = {
     A:1,
     B:"a",
     D:[1],
     E:function(){alert('a');},
     F:{f:function(){alert('a')}}
}

alert(
'构造函数a及a的原型：\n'+
'a.prototype.A,'+typeof a.prototype.A+','+a.prototype.A+'\n'+
'a.prototype.B,'+typeof a.prototype.B+','+a.prototype.B+'\n'+
'a.prototype.C,'+typeof a.prototype.C+','+a.prototype.C+'\n'+
'a.prototype.D,'+typeof a.prototype.D+','+a.prototype.D+'\n'+
'a.prototype.E,'+typeof a.prototype.E+','+a.prototype.E+'\n'+
'a.prototype.F,'+typeof a.prototype.F+','+a.prototype.F.f
);

var b = new a();

alert(
'a的实例b：\n'+
'b.A,'+typeof b.A+','+b.A+'\n'+
'b.B,'+typeof b.B+','+b.B+'\n'+
'b.C,'+typeof b.C+','+b.C+'\n'+
'b.D,'+typeof b.D+','+b.D+'\n'+
'b.E,'+typeof b.E+','+b.E+'\n'+
'b.F,'+typeof b.F+','+b.F.f
);

//更改實例b的值，只能更改到a的原型中屬性為object的值的內容


b.A = 2;
b.B = "b";
b.C = "c";
b.D[0] = 2;
b.E = function(){alert('b')};
b.F.f = function(){alert('b')};

alert(
'更改实例b的值：\n'+
'b.A,'+typeof b.A+','+b.A+'\n'+
'b.B,'+typeof b.B+','+b.B+'\n'+
'b.C,'+typeof b.C+','+b.C+'\n'+
'b.D,'+typeof b.D+','+b.D+'\n'+
'b.E,'+typeof b.E+','+b.E+'\n'+
'b.F,'+typeof b.F+','+b.F.f
);

alert(
'a的原型中，属性为object的值的内容被更改：\n'+
'a.prototype.A,'+typeof a.prototype.A+','+a.prototype.A+'\n'+
'a.prototype.B,'+typeof a.prototype.B+','+a.prototype.B+'\n'+
'a.prototype.C,'+typeof a.prototype.C+','+a.prototype.C+'\n'+
'a.prototype.D,'+typeof a.prototype.D+','+a.prototype.D+'\n'+
'a.prototype.E,'+typeof a.prototype.E+','+a.prototype.E+'\n'+
'a.prototype.F,'+typeof a.prototype.F+','+a.prototype.F.f
);

]]>

var Clone = function(object){    
    var f = function(){};
    var r = function(fo,o,sfo){
        for(i in o){
            document.write(sfo+'['+i+'] = '+o[i]+'
');
            fo[i] = {};
            if(o[i].constructor==Object){
                arguments.callee(fo[i],o[i],sfo+'['+i+']');
                continue;
            }
            fo[i] = o[i];
        }
    };
    r(f.prototype,object,'f.prototype');
    return new f();
};

var Person={
    info:{name:"feiwen",sex:"男"},
    site:"WEB前端开发"
}    
var demo = Clone(Person);    
demo.info.name="demo";    
demo.info.sex="女";    
demo.site="和我一样是http://www.jslab.org.cn";    

//--------问题出在这里------------//    
document.write('demo.info.name = '+demo.info.name+'
');//输出：demo    
document.write('Person.info.name = '+Person.info.name+'
');//输出：demo，问题在这里基类Person的子类info的值被覆盖了！    

var matou=Clone(Person);
document.write('matou.info.name = '+matou.info.name);//输出：demo    
]]>

/*原型的继承方式原本是很好的，不过因为存在实例共享冲突，所以我们需要采用与类抄写结合的方式来实现*/

var a = function(){
    this.children = [];
}
a.prototype = {
    get:function(){
        alert(this.children);
    },
    set:function(a){
        this.children.push(a);
    }
}

var A = function(){}
A.prototype = new a();

var iA = new A();
var iB = new A();

alert(iA.children === iB.children);

iA.set('iA');
iA.get();
iB.get();

]]>

/*
   作用域链(Scope Chain)
   JavaScript中的一种重要机制，JS中所有的标识符（Identifier）都是通过Scope Chain来查找值的。
*/

var i = "w i";

/*
   词法作用域(Lexical Scoping)
   JavaScript中的函数运行在它们被定义的作用域里,而不是它们被执行的作用域里.

   这个作用域我们称之为[[scope]]
   非内嵌函数的[[scope]]都是宿主对象，不同的宿主会有不同的内容
*/
var a =function(){
    alert(i);
}

var b = function(){
    var i = "b i";
    a();
}

var c = function(){
    a();
}

a();
/*
   函数在运行的时候，会先创建一个call Object，
   将函数的形参、变量和函数申明的结果都添加到call Object作为属性；
   把call Object添加到该函数的作用域链的最前面；
   然后，再将函数定义时的[[scope]]添加到它的作用域链中；

   函数体内的标识符查找
   先从Scope Chain中第一个对象找，存在则返回，否则
   继续查找下一个对象，存在则返回，否则（重复此步骤）
   最后找不到则返回undefined
*/


b();
c();

/*
   JavaScript中的scope Chain的机制使得闭包得以实现
*/
var d = function(){
    var i = "d i";
    var e = function(){
        alert(i);
    }
    return e;
}

var f = d();
f();
/*
   f是function e的引用
   call Object部分：没有形参、变量申明和内部函数；
   [[scope]]部分：e定义在函数d体内，e的[[scope]]中可以访问到d,i,e，然后d也会有一个[[scope]]，又可以接着往上访问，这样，便形成一条链
*/

]]>

/*
   具名函数表达式与匿名函数表达式和函数申明的区别
   winter:
   正常的函数定义时是直接把[[scope]]设为定义时的scope chain
   但是具名函数表达式是先给scope chain加入一个new Object
   之后再将[[scope]]设为新的scope chain
   设完后再将[[scope]]还原到正常函数定义时的[[scope]]
   等于是在正常函数定义时的[[scope]]添加了一个new Object到最前面

   在不同浏览器中对具名函数表达式的处理方式都太一样，都没太按ECMAScript中的规定去实现
   ECMAScript中关于具名函数表达式实现的规定大致如下：
   1、创建一个new Object
   2、将这个new Object插入到scope chain
   3、创建一个new Function，将scope chain设为[[scope]]
   4、为new Object添加一个属性，function name:function body（readOnly、don't Delete）
   5、移除new Object
   6、返回Function
*/

var test="wrong"

Object.prototype.test="right";

var f = function(){
    alert(test);
}
f();
/*
   正常函数申明运行时的作用域链
   call Object
   [[scope]]
*/


var f1 = function f0(){
    alert(test);
}
f1();
/*
   具名函数表达式运行时的作用域链
   call Object
   new Object
   [[scope]]
*/

]]>1


]]>

/*
   當形參與未賦值的局部變量重名，取形參；
   當形參與有值局部變量重名，取局部變量；
   當局部函數與未賦值變量重名，取局部函數；
   當局部函數與有值局部變量重名，取局部變量；
   當形參名為arguments，將覆蓋arguments對象；
*/

function x(x,arguments){
    var x;
    alert(x+'\n'+typeof arguments);
}

x();                       //undefined,undefined
x('arguments',1);    //'arguments',number

function y(y,arguments){
    var y;
    function y(){}
    alert(y+'\n'+typeof arguments);
}

y();                       //function y(){},undefined;
y('arguments',1);    //function y(){},number;

function z(){
    var z = "z";
    function z(){}
    alert(z+'\n'+typeof arguments);
}

z();                       //'z',object;
z(1);                     //'z',object;

]]>

function add(){
    var args = Array.prototype.slice.call(arguments,0);
    var iNum = (args.length>0)?eval(args.join("+")):0;
    var innerAdd = function(){
        var args = Array.prototype.slice.call(arguments,0);
        iNum += (args.length>0)?eval(args.join("+")):0;
        return arguments.callee;
    }
    innerAdd.toString = function(){
        return iNum;
    }
    return innerAdd;
}

var x = add(1)(3)(5)(7)(9)(11)(13)(15)(17)(19);
alert(x);
x(20,30,40,50,60,70);
alert(x);
x = null;

]]>

/*
   每个对象实例都有个属性成员用于指向到它的instanceof 对象(暂称为父对象)的原型(prototype)
   我们把这种层层指向父原型的关系称为[原型链 prototype chian]
   原型也具有父原型，因为它往往也是一个对象实例，除非我们人为地去改变它

   在JavaScript中，"一切都是对象，函数是第一型。"
   Function和Object都是函数的实例。
   Function的父原型指向到Function的原型，Function.prototype的父原型是Object的原型
   Object的父原型也指向到Function的原型，Object.prototype是所有父原型的顶层

   在spiderMonkey引擎中，父原型可以通过 __proto__ 进行访问
*/

Function.prototype.hi = function(){alert('hi Function');}
Object.prototype.hi = function(){alert('hi Object');}

var a = function(){
    this.txt = "a";
}
a.prototype = {
    say:function(){alert('a');}
}

alert(a instanceof Function);//a是Function的实例;
alert(a.__proto__ === Function.prototype);//a的父原型指向到Function的原型;

alert(Function instanceof Object);//Function是Object的实例;
alert(Function.__proto__ === Function.prototype);//Function的父原型指向到Function的原型;
alert(Function.prototype.__proto__ === Object.prototype);//Function的原型的父原型指向到Object的原型

alert(Object.__proto__ === Function.prototype);//Object的父原型指向到Function的原型;
alert(Object.prototype.__proto__);//Object的原型是所有父原型的顶端，它不再具有父原型;


alert(a.prototype instanceof Object);//a的原型也是一个对象
alert(a.prototype.__proto__ === Object.prototype);//a的原型的父原型指向Object的原型



var A = function(){};
A.prototype = new a();
A.prototype.say = function(){
    alert('A');
}

alert(A instanceof Function);//A是Function的实例
alert(A.__proto__ === Function.prototype);//A的父原型指向到Function的原型
alert(A.prototype instanceof a);//A的原型是a的实例
alert(A.prototype.__proto__ === a.prototype);//A的原型的父原型指向到a的原型


var iA = new A();//iA是A的实例,iA.__proto__ === A.prototype
var iB = new a();//iB是a的实例,iB.__proto__ === a.prototype

iA.hi();
/*
iA本身没有hi方法（构造中没有，自己也没有定义过），
于是找iA.__proto__即A.prototype，也没有找到，
于是再找A.prototype.__proto__即a.prototype，仍然没有发现，
继续查找a.prototype.__proto__即Object.prototype，哇，发现了hi，于是调用它，停止查找
输出：hi Object
*/

iB.hi();
/*
iB本身没有hi方法（构造中没有，自己也没有定义过），
于是找iB.__proto__即a.prototype，仍然没有发现，
继续查找a.prototype.__proto__即Object.prototype，哇，发现了hi，于是调用它，停止查找
输出：hi Object
*/

a.hi();
/*
a本身没有hi方法（构造中没有，自己也没有定义过），
于是找a.__proto__既Function.prototype，哇，发现了hi，于是调用它，停止查找
输出：hi Function
*/

iA.say();
/*
iA本身没有say方法（构造中没有，自己也没有定义过），
于是找iA.__proto__即A.prototype，哇，发现了say，于是调用它，停止查找
所以，这里调用的是A.prototype.say
输出：A
*/

iB.say();
/*
iB本身没有say方法（构造中没有，自己也没有定义过），
于是找iB.__proto__即a.prototype，哇，发现了say，于是调用它，停止查找
所以，这里调用的是a.prototype.say
输出：a
*/

iA.bad();
/*
iA本身没有bad方法（构造中没有，自己也没有定义过），
于是找iA.__proto__即A.prototype，也没有找到，
于是再找A.prototype.__proto__即a.prototype，仍然没有发现，
继续查找a.prototype.__proto__即Object.prototype，终于是找不到了，停止查找
返回错误，iA.bad不是一个function
*/



感谢simon提出的修正意见！所有实例在查找属性方法时不会去查找自己的prototype(实例的prototype不在原型链内，只能作为一个属性)！

]]>

/*
   执行new操作后，函数构造中的变量、属性、方法将复制一份到一个新的对象并返回该对象
   函数的prototype不会被复制，而只是创建一份引用到新对象的__proto__属性中
   这也让我们知道了为什么构造中的内容要比原型中的内容优先级更高
*/

var a = function(){
    var x = "x";
    this.a = "a";
    this.say = function(){alert(this.a+','+x)}
}
a.prototype = {
    a:"ap",
    say:function(){alert('ap')}
}

var A = new a();
var B = new a();

document.write(typeof A);
document.write("

");

/*
   两个实例里的属性和方法都不是来自他们父对象里的属性方法的引用
*/
for(var i in A){
    document.write(i+':'+A[i]+'
A.'+i);
    document.write((A[i]===a[i])?' === a.'+i+'
A.'+i:' != a.'+i+'
B.'+i);
    document.write((B[i]===a[i])?' === a.'+i+'

':' != a.'+i+'

');
}

document.write('__proto__

');
var O = A.__proto__;
for(var n in O){
    document.write(n+':'+O[n]+'
');
}


A.say();
/*
   先找自己的属性方法，发现了say方法，于是调用它，停止查找，所以，不会找到父原型中的say方法；
   属性a和x的查找方法同上
   输出：a,x
*/

/*
   FF2下一個比較特殊的Object實例{}
   The production ObjectLiteral : {} is evaluated as follows:
   1. Create a new object as if by the expression new Object().
   2. Return Result(1). 

   我們發現，在FF2下，{}所指向的Object，即是Spec里定義的Object，又會是運行時的Object
   而其他瀏覽器下（包括FF3），{}都只能是Spec里定義的Object的實例
*/

Object.prototype.yy = 1;
Object = function () {
    this.xx = 2;
};

alert({}.xx+'\n'+{}.yy);

]]>

/*
   new操作原理（spiderMonkey引擎下）
*/

var a = function(sA,sH){
    var x = "x";
    this.a = sA;
    this.h = sH;
    this.say = function(){alert(this.a+','+x)}
}
a.prototype.hi = function(){alert(this.h)}

var createInstance = function(source){
    var p = {}
    var args = Array.prototype.slice.call(arguments,1);
    p.__proto__ = source.prototype;
    source.apply(p,args);
    return p;
}

var A = createInstance(a,"A","hi A");
A.say();
A.hi();

]]>

var JSON = function(sJSON){
    this.objType = (typeof sJSON);
    this.self = [];
    (function(s,o){for(var i in o){o.hasOwnProperty(i)&&(s[i]=o[i],s.self[i]=o[i])};})(this,(this.objType=='string')?eval('0,'+sJSON):sJSON);
}
JSON.prototype = {
    toString:function(){
        return this.getString();
    },
    valueOf:function(){
        return this.getString();
    },
    getString:function(){
        var sA = [];
        (function(o){
            var oo = null;
            sA.push('{');
            for(var i in o){
                if(o.hasOwnProperty(i) && i!='prototype'){
                    oo = o[i];
                    if(oo instanceof Array){
                        sA.push(i+':[');
                        for(var b in oo){
                            if(oo.hasOwnProperty(b) && b!='prototype'){
                                sA.push(oo[b]+',');
                                if(typeof oo[b]=='object') arguments.callee(oo[b]);
                            }
                        }
                        sA.push('],');
                        continue;
                    }else{
                        sA.push(i+':'+oo+',');
                    }
                    if(typeof oo=='object') arguments.callee(oo);
                }
            }
            sA.push('},');
        })(this.self);
        return sA.slice(0).join('').replace(/\[object object\],/ig,'').replace(/,\}/g,'}').replace(/,\]/g,']').slice(0,-1);
    },
    push:function(sName,sValue){
        this.self[sName] = sValue;
        this[sName] = sValue;
    }
}

var strA = '{allPrivList: [{id:"func001", desc:"商品管理"},{id:"func002", desc:"類別管理"},{id:"func003", desc:"行銷管理"}],groupList: [{id:"g001", desc:"客服", privList: ["func001", "func002", "func004"] },{id:"g002", desc:"營運", privList: ["func003"]}]}';
var objA = new JSON(strA);
alert(objA);
alert(objA.allPrivList[0].desc+'\n'+objA.groupList[0].privList+'\n'+objA.groupList[1].desc);
objA.push("C",[1,"hello baby",function(){alert(this.C[1])}]);
alert(objA);
objA.C[2].call(objA);



var objB = new JSON({});
alert(objB);
objB.push("A",function(){alert('test A')});
alert(objB);
objB.A();



var objC = new JSON([1]);
alert(objC);
objC.push("A",function(){alert('test A')});
alert(objC.A);



var xTree = new JSON({name:'root',list:[{name:'1',list:[{name:'1-1',list:[]},{name:'1-2',list:[]}]},{name:'look at me',list:[]}]});
alert(xTree);

var r = xTree.list.splice(1,1)[0];
alert(xTree);

xTree.list[0].list.splice(1,0,r);
alert(xTree);

]]>
function x(src){
 var img = new Image;
 var c = 1;
 img.onload = function(){test();}
 function test(){document.getElementById("Thread").innerHTML = ++c;}
 img.src = src;
}

x("http://bbs.51js.com/images/51js.gif");


0
]]>
function x(src){
 var img = new Image;
 var c = 1;
 img.onerror = function(){test();}
 function test(){document.getElementById("Thread").innerHTML = ++c;img.src=src;}
 img.src = src;
}

x(Math.random);


0
]]>0


]]>
var sAAA = new Array(100+1).join("a");
var sNum = sAAA.replace(/a/g,function(){return arguments[1]+1+"
"});
document.write(sNum);
]]>


 ]]>

/*
   输入a_1, a_2, ..., a_n, b_1, b_2, ..., b_n，如何在O(n)的时间，用O(1)的空间，
   将这个序列顺序改为a_1, b_1, ..., a_n, b_n。
*/

var n = ['a_1','a_2','a_3','a_4','a_5','b_1','b_2','b_3','b_4','b_5'];
var m = function(sN){
    var l = sN.length/2;
    var t = sN.splice(0,l);
    for(var i=0;i]]>

]]>
// utility function to retrieve an expiration data in proper format;
function getExpDate(days)
{
    var expDate = new Date();
    if(typeof(days) == "number")
    {
        expDate.setDate(expDate.getDate() + parseInt(days));        
    }
    return expDate.toGMTString();
}

//utility function called by getCookie()
function getCookieVal(offset)
{
    var endstr = document.cookie.indexOf(";", offset);
    if(endstr == -1)
    {
        endstr = document.cookie.length;
    }
    return unescape(document.cookie.substring(offset, endstr));
}

// primary function to retrieve cookie by name
function getCookie(name)
{
    var arg = name + "=";
    var alen = arg.length;
    var clen = document.cookie.length;
    var i = 0;
    while(i < clen)
    {
        var j = i + alen;
        if (document.cookie.substring(i, j) == arg)
        {
            return getCookieVal(j);
        }
        i = document.cookie.indexOf(" ", i) + 1;
        if(i == 0) break;
    }
    return null;
}

// store cookie value with optional details as needed
function setCookie(name, value, expires, path, domain, secure)
{
    document.cookie = name + "=" + escape(value) +
    "; expires=" + ((expires) ? expires : getExpDate(30)) +
    "; path=" + ((path) ? path : "/") +
    ((domain) ? "; domain=" + domain : "") +
    ((secure) ? "; secure" : "");
}

// remove the cookie by setting ancient expiration date
function deleteCookie(name,path,domain)
{
    if(getCookie(name))
    {
        document.cookie = name + "=" +
        ((path) ? "; path=" + path : "") +
        ((domain) ? "; domain=" + domain : "") +
        "; expires=Thu, 01-Jan-70 00:00:01 GMT";
    }
}
]]>






]]>
a {color:#000;text-decoration:underline;}
a em {color:#f60;text-decoration:underline;}


08款一汽奔腾最高让2万元]]>
var t = [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19];

var deepView = function(aTree,iNode){
    (iNode in aTree) && (document.write(aTree[iNode]+'
'),arguments.callee(aTree,2*iNode+1),arguments.callee(aTree,2*iNode+2))
}

var wideView = function(aTree,iNode){
    var aRTree = aTree.slice(0),iRNode = iNode,iLevel = 1;
    (iRNode in aRTree) && document.write(aRTree[iRNode]+'
');
    (function(){
        var iStart = iRNode*2+1,iEnd = iStart+Math.pow(2,iLevel);
        document.write(aRTree.slice(iStart,iEnd).join(',')+'
');
        if(iEnd>=aRTree.length) return;
        iRNode = iStart,iLevel++,arguments.callee();
    })()
}

document.write('二叉树 深度优先');
//深度优先
deepView(t,0);

document.write('二叉树 广度优先');
//广度优先
wideView(t,0);
]]>a
    b
        c
    


d

]]>

var a = function(){
    this.txt = 'a';
}
a.prototype = (function(){
    var name = 'ap';
    return {
        showTxt:function(){
            alert(this.txt);
        },
        showName:function(){
            alert(name);
        }
    }
})()

var A = new a();
A.showTxt();
A.showName();
]]>

var list = [0,1,2,3];

var lt = list.length;

var t = function(lt){
    var n=1,l=lt;
    while(l>0) n *= l--;
    return n;
}(lt);

alert(t);

]]>

var list = ['a','b',1,2,3];

function getList(aList){
    aList.sort(function(a,b){var x=(isNaN(a))?-a.charCodeAt(0):a,y=(isNaN(b))?-b.charCodeAt(0):b;return x-y});//排序
    var aRlist=[],rv=[];//返回值
    (function(list){
        var tmpList=null,l=list.length;
        aRlist[list.join('')] = list;//存储当前排列
        for(var i=(l-2);i>-1;i--){//遍历要排列的数值
            var lx=list[i],x=(isNaN(lx))?-lx.charCodeAt(0):lx;//尝试寻找第一个P(i)，P(i)"));

]]>
var list = ['a','b',1,2,3];

var getList = function(aList){
    var aStation = [];aStation.push(aList.slice(0));
    var aReturn = [];aReturn.push(aList.slice(0));
    var oStation = [];oStation[aList.join('')] = 1;
    var iN = 1,iL=aList.length,l=aList.length;
    while(iL>0) iN *= iL--;

    while(aStation.length>0){
        var aTemp = aStation.shift();
        for(var i=0;i<(l-1);i++){
                if(aReturn.length>=iN){
                    aStation.length = 0,aStation = null,oStation = null;
                    return aReturn.slice(0);
                }
                var sTemp = aTemp.splice(i,1),n=i+1;
                aTemp.splice(n,0,sTemp);
                var jTemp = aTemp.join('');
                if(!oStation[jTemp]){
                    aStation.push(aTemp.slice(0));
                    aReturn.push(aTemp.slice(0));
                    oStation[jTemp] = 1;
                }
        }
    }
    aStation.length = 0,aStation = null,oStation = null;
    return aReturn.slice(0);
}

var all = getList(list);
alert(all.length);
document.write(all.join('
'));
]]>

var list = ['a','b',1,2,3];

function getList(list){
	var l = list.length;
	switch(l){
		case 1:
			return list;break;
		case 2:
			var x = list[0].toString(),y=list[1].toString();
			return [x+y,y+x];break;
		default:var aR = "";
			for(var i=0,l=list.length;i'));
]]>

var list = [1,2,3,4,5,6];

function getList(list){
	var l = list.length;
	switch(l){
		case 1:
			return list;break;
		case 2:
			return [list[0]+''+list[1],list[1]+''+list[0]];break;
		default:var aR = [];
			for(var i=0,l=list.length;i'));
]]>

Function.prototype.DECLEAR_EVENT = function(evt_type){
    var method = this;
    var type = evt_type;

    return function(){
        method.apply(this,arguments);
        for(each in this.EventListeners[type])
            this.EventListeners[type][each](this);
    }
}   

function  MyObject(){
    //保存事件监听函数数组
    this.EventListeners = new Array();
}

MyObject.prototype.Run = function(x){
    alert(x);
}.DECLEAR_EVENT("onrun");//onrun事件声明

MyObject.prototype.AddEvent = function(name,listener){
    this.EventListeners[name]?
    this.EventListeners[name].push(listener):this.EventListeners[name]=[listener];
}

function OnRun1(sender){
    alert("已经执行了OnRun1事件");
}

function OnRun2(sender){
  alert("已经执行了OnRun2事件");
}

var myobj = new MyObject();

//添加两个监听函数
myobj.AddEvent("onrun",OnRun1);
myobj.AddEvent("onrun",OnRun2);

//执行Run方法，如无例外，会触发onrun事件
myobj.Run('xxx');

]]>




]]>

 
 Rank's HTML document
 
  
  
 
 
 
 
 
 
    
       fixed IE form control bug 
      from: never-online weblog
    
    
       1. Select radio to checked 
      
      radio1
      radio2
      radio3
      radio4
      
    
    
       2. Click button to change dom structure 
        
    
    
 
]]>
var aList = [1,2,3,4,5,6,7,8,9,10,11,12];

function fooCombination(aList,n){
    if(1>=n){
        return aList;
    }else{
        var aRV = [];
        var fooSetCB = function(x,aList){
            while(aList.length>0){
                var y = aList.shift();
                var z = Array.prototype.concat.call(x,y);
                (z.length==n)?aRV.push(z):arguments.callee(z,aList.slice(0));
            }
        }
        while(aList.length>=n){
            var x = aList.shift();
            fooSetCB(x,aList.slice(0));
        }
        return aRV.slice(0);
    }
}

var n = 2;
var aGroup = fooCombination(aList.slice(0),n);
document.write('从'+aList+'中，选取'+n+'个的组合有：'+aGroup.length+'种：
'+aGroup.join('
'));
]]>
var aList = [1,2,3,4,5,6,7,8,9,10,11,12];

function C(arr,n){
	var set=[];
	var resault=[];
	for(var i=0;i'+aGroup.join('
'));
]]> 
]]>
/*
输出
1
-------
222
212
222
-------
33333
32223
32123
32223
33333
-------
4444444
4333334
4322234
4321234
4322234
4333334
4444444
------- 
........

*/

var list = [9,8,7,6,5,4,3,2,1];

var PrintBox = function(aList){
    var aList=aList.slice(0),aRV=[],sNow=null,iNow=0;
    while(aList.length>0){
        var iL = aList.length,sX = aList.shift(),sTemp = new Array(iL*2).join(sX);
        sNow = (iNow)?sNow.slice(0,iNow).concat(sTemp).concat(sNow.slice(iNow+(iL*2-1))):sTemp;
        aRV.push(sNow);
        iNow++;
    }
    return aRV.concat(aRV.slice(0).reverse().slice(1));
}

var aX = PrintBox(list);
document.write(aX.join('
'));

]]>
/*
   aDir:[dir,steps,rules]
   dir:
   1 - left down, 2 - down, 3 - right down, 4 - left
   6 - right, 7 - left up, 8 - up, 9 - right up
   steps:0 - until out of the array
   rules:
*/

var box = function(iN,aDir,aPoint,iStart,iAdd){
    if(isNaN(iN)||iN<=1) return;
    this.iMP = Math.pow(iN,2);
    this.aDir = aDir||[[6,0],[2,0],[4,0],[8,0]];
    this.x = aPoint[0]||0;
    this.y = aPoint[1]||0;
    this.number = iStart||1;
    this.addn = iAdd||1;
    this.iDir = 0;
    this.iDL = this.aDir.length-1;
    this.times = 0;
    this.aTemp = [];
    this.aRV = new Array(iN);
    for(var i=0;ithis.iDL) this.iDir = 0;
        var dirSteps = this.aDir[this.iDir],nowDir = dirSteps[0];
        var x=this.x,y = this.y,aXY = this.getXY(nowDir,x,y),flag = 0,rv = this.aRV.slice(0);
        var x1 = aXY[0],y1 = aXY[1],ti = x1+''+y1,steps = this.getStep(dirSteps[1],dirSteps[2],x1,y1);
        if(times==steps) flag = 1;
        if(x1!=x && (typeof rv[x1]=='undefined'||rv[x1][y1]>0)) flag = 1;
        if(y1!=y && (typeof rv[x1]=='undefined'||typeof rv[x1][y1]=='undefined'||rv[x1][y1]>0)) flag = 1;
        if(times>steps) flag = 2;
        if(aTemp[ti]&&aTemp[ti]>1) flag = 2;
        switch(flag){
            case 0:this.times += 1;this.x=x1;this.y=y1;this.number += this.addn;
                      this.aRV[this.x][this.y]=this.number;this.move();break;
            case 1:this.times = 0;this.iDir += 1;
                      if(typeof aTemp[ti]=='undefined'){this.aTemp[ti] = 1;}else{this.aTemp[ti] += 1;}
                      this.move();break;
            default:return;
        }
    },
    getBox:function(){
        this.aRV[this.x][this.y] = this.number;
        this.move();
        var iNL = this.number.toString().length;
        if(iNL>1){
            var reg = new RegExp('\\b\\d{1,'+(iNL-1)+'}\\b','g');
            return this.aRV.slice(0).join(';').replace(reg,function(){
                var x=iNL-arguments[0].length;return new Array(x+1).join('0')+''+arguments[0]
            }).split(';');
        }else{
            return this.aRV.slice(0);
        }
    }
}

document.write('box 1 --------------------');
var x1 = new box(8,[[6,0],[2,0],[4,0],[8,0]],[0,0],1,1);
document.write(x1.getBox().join('
'));

document.write('box 2 --------------------');
var x2 = new box(8,[[6,1],[1,0],[2,1],[9,0]],[0,0],1,1);
document.write(x2.getBox().join('
'));

document.write('box 5 --------------------');
var x5 = new box(8,[[6,1],[8,1,'*y'],[4,0],[8,1],[6,1,'*(7-x)'],[2,0]],[7,0],1,1);
document.write(x5.getBox().join('
'));

document.write('box 6 --------------------');
var x6 = new box(8,[[6,0],[2,1],[4,0],[2,1]],[0,0],1,1);
document.write(x6.getBox().join('
'));
]]>


	Javascript performance test
	
	




1000000 times:

1000000 times: 

1000000 times:

1000000 times:

1000000 times:

1000000 times:

1000000 times:

1000000 times:

1000000 times:

1000000 times:

1000000 times:

1000000 times:

1000000 times:

1000000 times:





Average time: 


]]>
//全角空格为12288，半角空格为32
//其他字符半角(33-126)与全角(65281-65374)的对应关系是：均相差65248
//document.write((65281).toString(16)+"----"+(65374).toString(16)+"----"+(12288).toString(16));
String.prototype.dbc2sbc = function ()
{
return this.replace(/[\uff01-\uff5e]/g,function(a){return String.fromCharCode(a.charCodeAt(0)-65248);}).replace(/\u3000/g," ");
}
document.write("ＡＢＣ　１２３，我们都是好朋友".dbc2sbc());
]]>


自定义Title






深入浅出CSDN



]]>

easy Validate



    
        
            * Name:
            
        
        
            * sex:
            
        
        
            * Age:
            
        
        
            * Email:
            
        
        
            * Photo:
            
        
        
            
            
        
    


]]>
alert(window);
alert(Window);
alert(window==Window);
alert(window===Window);
alert(window.constructor===Window);


其他瀏覽器不支持 Window]]>



Editor_雅虎











]]>HTML 测试文档	HTML 测试文档 
			版本: 1.1 
		DTD: XHTML 1.0 transitional
		编码: UTF-8
		更新: 2008-6-12
	
		
		<h1> 代表一号标题 
	<h2> 代表二号标题 
	<h3> 代表三号标题 
	<h4> 代表四号标题 
	<h5> 代表五号标题 
	<h6> 代表六号标题 
		这一段由<p>包含。<p>表示一个段落，是最常用的文本流格式。我们可以在文本流中使用各种内联文本标签。最常用的有这几种：		 <strong>加重，		<em> 强调，		<ins> 插入，		<del> 删除，		_{<sub> 下标}，		^{<sup> 上标}，		<cite>  引用，<big>增大，<small>缩小。	
						这是一段由<pre>包含的文本流。		在它其中的空格，制表符，回车等可以被直接在网页上，而且也不会被浏览器自动换行。可以用它显示程序代码。	预格式默认是用等宽字体。
		我们也可以用这些内联标签在文本流中显示代码段：		<code>代码，		<kbd>键盘输入， 		<var>变量， 		<samp>sample 例句。	
			此外，有两个标签也很重要：
			<abbr>：比如Mr.是Mister的缩写。但这个标记在IE中似乎无效。
		<acronym>：比如HTML是Hyper Text Markup Language的首字缩略语（中文也能用这个标签，如：“中国”是“中华人民共和国”的简称）。
	
				这一段是<blockquote>。记得使用<blockquote>里的cite属性。	
				这一段由<address>包含，可以用它来显示Email地址或者真实的地址。要注意的是它是块级元素，但默认没有margin或padding。	
	这一段由<div>包含，<div>是块级元素，默认没有任何样式。和它地位相当的另一个元素是<span>内联字段，同样默认没有任何样式。
这句话的前面有一个<br>，用于段内换行。
 
		这句话的前面有一个<a>标签实现的锚标记。
	<a>也表示链接。注意它有四个伪类：:link是未访问链接，:visited是已访问链接，:hover是鼠标悬停时的链接, :active鼠标点击激活时的链接。
	 图片默认是inline的，但我们也可以将其定义为block。并专门为img定义一个.inline类。此外，链接中的<img>的样式又有所不同。
		还有用于插入媒体的<object>标签以及它里面的<param>标签。
				无序列表的外层是<ul>
		列表的每一项由<li>组成
		注意，<ul>标签里只能直接包含<li>标签							这是嵌套的二级列表，必须放在某个<li>中
				注意嵌套的二级列表项的样式可能与一级的不同											这是第三级，它的样式又和第二级的不同
					
				
			
		
	
				有序列表的外层是<ol>
		列表的每一项由<li>组成
		注意，<ol>标签里只能直接包含<li>标签							这是嵌套的二级列表，必须放在某个<li>中
				注意嵌套的二级列表项的样式可能与一级的不同											这是第三级，它的样式又和第二级的不同
					
				
			
		
	
				这一行是<dt>
		这一行则是<dd>。而定义列表外层是<dl>。
		注意<dt>只能包含内联级别元素
		而<dd>可以包含内联或者块级的元素
	
 	
			标准表格模型。其中由<colgroup>与<col>控制列宽度。
					此处是<caption>																								这一行是<thead> 				<thead>中可以用<th>或<td> 				这里使用的是<th> 			
		
									最后一行是<tfoot> 				<tfoot>无论放在什么位置，总显示在最末端 				 			
											以下三行是<tbody> 				可以放任意个<tr> 				这里使用的是<td> 			
							用<col>表示列 				该行最右单元为空表格单元，没有任何内容 				 			
							用<tr>表示行 				该行最右单元则有一个&nbsp; 				  			
		
	
		
				<form>标签不可以直接包含各种控件标签，可以用<label>包含表单元件，
					也可以用<fieldset>和<legend>标签将表单归组。			对于input标签的CSS定义方法：将type属性的值也作为class名，这样就可以将不同的input控件区分开。
															 input.text 			
															 input.text 			
															 input.submit 			
															 input.button 			
															 input.button 			
											 input.image 			
											 禁用的input.image			
															input.radio 
															 禁用的input.radio 
															 input.checkbox 			
															 禁用的input.checkbox 			
											 input.file 			
											 禁用的input.file 			
														
										<textarea>默认是底部对齐				textarea 多行文本框。	它内部也是类似预格式的，能够将所有的回车符，制表符显示出来				禁用的textarea 多行文本框			
																					
		
	
 ]]>
只要DOM的事件里访问不了DOM自己的那个变量就行了
winter




]]>
var x = [483,67,888,50,255,406,134,592,657,745,683];

var bf = function(list){//bubble sort
    if(!list){return;}
    list = list.slice(0);
    var i = 0,l = list.length,flag = true,x = null,y = null;
    for(;iy){list[i] = [y,list[j]=x][0];flag = true;}
        }
        if(!flag){break;}
    }
    return list.slice(0);
};

document.write(bf(x)+'
');

var dbf = function(list){//cocktail sort
    if(!list){return;}
    list = list.slice(0);
    var i = 0,l = 0,r = list.length-1,flag = true,x = null,y = null;
    while(flag){
        flag = false;
        for(i=l;iy){list[i] = [y,list[i+1]=x][0];flag = true;}
        }
        r--;
        for(i=r;i>l;i--){
            x = list[i];y = list[i-1];
            if(x');

var qsort = function (list){//quick sort
    if(!list){return;}
    list = list.slice(0);
    var run = function(list,left,right){
        var l = left,r = right,p = list[((l+r)>>1)];
        while(lp){r--;}
            list[l] = [list[r],list[r]=list[l]][0];
        }
        if(leftl){arguments.callee(list,r+1,right);}
    };
    run(list,0,list.length-1);
    return list.slice(0);
};

document.write(qsort(x)+'
');

var bsn = function(list){//bucket sort
    if(!list){return;}
    list = list.slice(0);
    var maxlen = function(list){
        if(!list){return 0;}
        var m = list[0];
        for(var i=0;im){m = list[i];}
        }
        return m.toString().length;
    };
    var i = 0,d = maxlen(list),dn = d,k = null,m = null,tmpa = [],l = list.length;
    while(d>0){
	for(i=0;i<10;i++){tmpa[i] = [];}
        for(i=0;i');

]]>

document.write('有符号右位移：');
document.write('(10>>1) = '+(10>>1)+'
');
document.write('Math.floor(10/Math.pow(2,1)) = '+Math.floor(10/Math.pow(2,1))+'
');

document.write('(-10>>2) = '+(-10>>2)+'
');
document.write('Math.floor(-10/Math.pow(2,2)) = '+Math.floor(-10/Math.pow(2,2))+'
');

document.write('(10>>3) = '+(10>>3)+'
');
document.write('Math.floor(10/Math.pow(2,3)) = '+Math.floor(10/Math.pow(2,3))+'
');

document.write('有符号左位移：');
document.write('(10<<1) = '+(10<<1)+'
');
document.write('Math.floor(10)*Math.pow(2,1)) = '+Math.floor(10)*Math.pow(2,1)+'
');

document.write('(-10<<2) = '+(-10<<2)+'
');
document.write('Math.floor(-10)*Math.pow(2,2) = '+Math.floor(-10)*Math.pow(2,2)+'
');

document.write('(10<<3) = '+(10<<3)+'
');
document.write('Math.floor(10)*Math.pow(2,3) = '+Math.floor(10)*Math.pow(2,3)+'
');

document.write('无符号右位移：');
document.write('(10>>>1) = '+(10>>>1)+'
');
document.write('Math.floor(10/Math.pow(2,1)) = '+Math.floor(10/Math.pow(2,1))+'
');

document.write('(10>>>2) = '+(10>>>2)+'
');
document.write('Math.floor(10/Math.pow(2,2)) = '+Math.floor(10/Math.pow(2,2))+'
');

document.write('(-1>>>2) = '+(-1>>>2)+'
');
document.write('Math.pow(2,32)/Math.pow(2,2)-Math.floor(1/Math.pow(2,2))-1 = '+(Math.pow(2,32)/Math.pow(2,2)-Math.floor(1/Math.pow(2,2))-1)+'
');

document.write('(-10>>>2) = '+(-10>>>2)+'
');
document.write('Math.pow(2,32)/Math.pow(2,2)-Math.floor(10/Math.pow(2,2))-1 = '+(Math.pow(2,32)/Math.pow(2,2)-Math.floor(10/Math.pow(2,2))-1)+'
');

document.write('(-10>>>3) = '+(-10>>>3)+'
');
document.write('Math.pow(2,32)/Math.pow(2,3)-Math.floor(10/Math.pow(2,3))-1 = '+(Math.pow(2,32)/Math.pow(2,3)-Math.floor(10/Math.pow(2,3))-1)+'
');
]]>a

]]>


]]>




quadronica Game




1.玩家需要画出一个矩形，且矩形的四个角都是相同的颜色，矩形就会消除并得分。
2.可以直接点击矩形的对角来消除矩形

x



]]>

var getStr = function(str,n){
    var tmpStr = str.substr(0,n);
    var tmpCode = tmpStr.replace(/[^\x00-\xff]/g,'\r\n').split('');
    n = (tmpCode[n-1]=='\r')?n-2:n-1;
    var l = tmpCode.slice(0,n).join('').replace(/\r\n/g,'*').length+1;
    return tmpStr.substr(0,l);
};

alert(getStr('我ABC汉DE字',6));

]]>

var fibonacci = function(n){
    var rv = {'0':0,'1':1},l=0,r=0,i=0;
    document.write('[Memoization Function] Run times:');
    !function(n){
        document.write((++i)+'->');
        if(!(n in rv)){
            l = rv[(n-1)]||arguments.callee(n-1);
            r = rv[(n-2)]||arguments.callee(n-2);
            rv[n] = l+r;
        }
        return rv[n];
    }(n);
    l = r = null;
    document.write('NO.'+n+' is:'+rv[n]+'');
    document.write('');
};

fibonacci(8);

var fibonacci2 = function(n){
    var i2 = 0;
    document.write('[Recursion Function] Run times:');
    var fb2 = function(n){
        document.write((++i2)+'->');
        return n<2?n:arguments.callee(n-1)+arguments.callee(n-2);
    };
    var rv = fb2(n);
    document.write('NO.'+n+' is:'+rv+'');
};
fibonacci2(8);
]]>在IE下，Input控件的start属性默认值是fileopen
<input id="t" type="text">



]]>



鼠标拖动写字




提示：按住鼠标左键不放，在页面中拖动即可写字 ; 同时按住ctrl和鼠标左键不放，在页面中拖动即可把字擦去

]]>
div{background:#666;padding:20px;margin:0;width:500px;}
h3{background:#999;padding:20px;margin:0;}
a{display:block;background:#ccc;padding:20px;margin:0;}






web前端专家dhtml精英俱乐部

]]>



模板Test




    
        
        
        	
            
                
                
                
            
        
    



]]>
var a = [1.4,1.5,1.51,1.6];

var xround = function(fn,n){
    n = n||0;
    var z = fn.toString().split('.'),x = z[0],y = z[1]&&z[1].toString(),r = new RegExp('(\\d{'+n+'})(\\d)(\\d*)');
    y&&r.test(y)&&y.replace(r,function(s,a,b,c){
        if(b&&b>5){var t = a?'.'+(a*1+1):1;x = x*1+t;return s;}
        if(b&&b==5){var t = a?c?'.'+(a*1+1):'.'+a:c?1:0;x = x*1+t;return s;}
        if(a){x = x+'.'+a;}
        return s;
    });
    return x;
}

var foo = function(list){
    while(list.length){
        var n = list.shift();
        document.write('xround('+n+') = '+xround(n)+'
');
    }
}

foo(a);
]]>主流WEB浏览器透明PNG精美大图ICON

]]>



Editor_雅虎











]]>


<div id="mastheader" class="module">
<div class="hd">
	<div class="account-nav">
	欢迎您访问JSLab，请 <a href="www.jslab.org.cn">[登录]</a> <span>,</span> <a href="www.w3cgroup.com">[免费注册]</a> <span>,</span> <a href="#" class="fav">收藏</a>
	</div>
	<div class="head-link">
		<a href="www.easyui.org.cn" class="home">easyui</a>
		<span>|</span>
		<a href="#info" class="info">资讯</a>
		<span>|</span>
		<a href="#service" class="ad">服务</a>
	</div>

result

]]>




纯CSS仿IE经典菜单栏 - Powered by 飘零雾雨









	

	文件(F)
	
		新建(N)Ctrl+N
		打开(O)...Ctrl+O
		保存(S)Ctrl+S

		另存为(A)...
		页面设置(U)...
		打印(P)...Ctrl+P
		打印预览(V)...
		
			

			发送(E)
			
				电子邮件页面(P)...
				电子邮件连接(L)...
				桌面快捷方式(S)
			
			

		
		导入和导出(I)...
		属性(R)
		关闭(C)
	
	



	
	编辑(E)
	
		剪切Ctrl+X
		复制Ctrl+C

		粘贴Ctrl+V
		全选(A)Ctrl+A
		查找(在当前页)(F)...Ctrl+F
	
	



	
	查看(V)
	
		
			
			工具栏(T)

			
				菜单栏(M)
				链接(L)
				锁定工具栏(B)
			
				
		
		状态栏(B)

		浏览器栏(E)
		转到(O)
		停止(P)Esc
		刷新(R)F5
		
			

			文字大小(X)
			
				最大(G)
				较大(L)
				中(M)
				较小(S)

				最小(A)
			
				
		
		编码(D)
		源文件(C)
		隐私报告(V)...

		全屏显示(F)F11
	
	


	
	收藏(A)

	
		添加到收藏夹(A)...
		整理收藏夹(O)...
		链接
		飘雨社区 - 致力于web前端
		css探索之旅 - 飘零雾雨的庄园

		JSLab - JS实验室代码库
		W3C Group - WEB前端专家DHTML精英俱乐部
		David's Blog
	
	


	

	工具(T)
	
		邮件和新闻(M)
		弹出窗口阻止程序(P)
		管理加载项(A)...
		同步(S)...

		Window Update(U)
		Internet 选项(O)...
	
	


	
	帮助(H)

	
		目录和索引(C)
		每日提示(D)
		Netscape 用户(N)
		联机支持(S)
		发送反馈意见(K)

		关于 Internet Explorer(A)
	
	



© Copyright doyoe.com

]]>

var dN = function(num,len){
    var s = num.toString().replace(/(?:^[^\d]*0*|[^\d])*/g,'').split('').reverse().join('').replace(/(\d)(?=.*\1)/g,'').split('').reverse();
    s.length =len;
    return s.slice(0).join('');
};

alert(dN(-0.233641464278,4));
alert(dN(-0.303545,3));
alert(dN(33766545,4));

]]>

var x = [10,12,3,1,2,5,8];
var y = 'javascript和css代码库实验室';
var z = 'http://www.jslab.org.cn';

var getIndexFromAoS = function(s,splits,str){
    var r = new RegExp('(?:^|'+splits+')'+str+'(?:'+splits+'|$)','ig');
    var t = (s.constructor==Array)?s.join(splits).split(r):s.split(r);
    return (t.length>1)?(!t[0])?0:t[0].split(splits).length:-1;
};

alert('2，在\n'+x+'\n的第'+getIndexFromAoS(x,',',2));
alert('室，在\n'+y+'\n的第'+getIndexFromAoS(y,'','室'));
alert('jslab，在\n'+z+'\n的第'+getIndexFromAoS(z,'','jslab'));

]]>
var MyArray = function(){
    var ret = Array.prototype.slice.call(arguments,0);
    ret.myProperty = "myProperty";
    ret.myMethod = function(){
        alert(ret.myProperty);
    }
    return ret;
};

var x = new MyArray(1,2,3);
x.myProperty = 'x';
x.myMethod();
alert(x);
x.push(4);
alert(x);
alert(x.length);
]]>

function a(s){
    return s;
}
function b(s){
    return new String(s);//构造函数中的return只有返回对象时才会覆盖new的结果
}

var x = new a("123");
alert(x.constructor);
alert(x.toString());

var y = new b("123");
alert(y.constructor);
alert(y.toString());

 ]]>
var a;
alert(a);
a += 'A';
alert(a);
]]>

01/12/2008
GE公司推出“汪力和李邦”网络广告
26/11/2008
GE石油天然气集团在中国创造新的快速安装记录




]]>

01/12/2008
GE公司推出“汪力和李邦”网络广告
26/11/2008
GE石油天然气集团在中国创造新的快速安装记录


]]>




来自web developer navigator!的dhScroll Ver2.0.0 左右横向无缝滚动




scrollWidth, scrollLeft



	测试1
	测试2
	测试3
	测试4
	测试5
	测试6
	测试7
	测试8
	测试9
	测试10
	测试11
	测试12
	测试13
	测试14
	测试15
	测试16
	测试17
	测试18
	测试19
	测试20



	上一页
	下一页


dhScroll Ver2.0.0 左右横向无缝滚动
支持从左到右，从右到左两个方向的无缝滚动；

支持手动更改滚动方向；
支持连续/停顿方式滚动；
鼠标指向暂停滚动，移开继续；
滚动对象模型
<块1><块2><块2的子元素>内容</块2的子元素></块2></块1>
滚动模型设置样式要点

块1设置的宽度为展示宽度；overflow:hidden;
块2设置的宽度为块2子元素累计宽度（确保块2所有子元素排在一排）；
由于脚本中无缝部分采用innerHTML重写块2子元素，导致IE和FF在样式渲染上有所区别，FF下块2的宽度应设置为块2宽度的两倍；
块2子元素必须确保排在一排，非表格的话最好float:left;




]]>

]]>
function bigNumMulti(a,b){
	var p = a.match(/\d{1,4}/g).reverse();
	var q = b.match(/\d{1,4}/g).reverse();
	var f1 = 0;
	var result = "0";

	for(var i = 0; i < p.length; i++){
		var f2 = 0;
		for(var j = 0; j < q.length; j++){
			var t = (p[i]|0)*(q[j]|0);
			t += new Array(f1+f2+1).join("0");
			result = bigNumAdd(result, t);
			f2 += q[j].length;
		}
		f1 += p[i].length;
	}
	return result;
}
function bigNumAdd(a,b){
	var m = a.split('').reverse();
	var n = b.split('').reverse();
	var ret = [];
	var s = 0;

	for(var i = 0; i < a.length || i < b.length; i++){
		var t = (m[i]|0) + (n[i]|0) + s;

		ret.push(t%10);
		s = (t/10)|0;
	}
	if(s){
		ret.push(s);
	}
	return ret.reverse().join('');
}

function bigNumPow(a,b){
	var ret = "1";
	for(var i = 0; i < b; i++){
		ret = bigNumMulti(ret,a.toString());
	}
	return ret;
}
document.write(bigNumPow(36,50));
]]>
 var g = [200*200];
 function mul(A, B) {
 	var i,j,len,k,rt;
 	var m = A.length, n = B.length, t;
 	//矩阵乘
 	for(i=0;i=0;i--){
 		//这里貌似可以优化
		n = (rt[i]%10)+j;
		j =((rt[i]/10)|0)+(n/10)|0;
 		A[A.length]=n%10;
 	}
 	if(j!=0)
 		A[A.length]=j;
 	return A.reverse();
 }
 
//例
var a = [3,6];
document.write('36的N次方');
for(var mm=0;mm<=100;mm++){
 	a = mul(a,[3,6]);
  	document.write('36^'+(mm+2)+':'+a.join('')+'');
}
 ]]>

功能更强大的字符串格式化函数


This is a {t}. 

{name}是一个很强大的字符串模板解析方法。

它接受三个参数，分别是{args.text},{args.object},（可选的）{args.decorator}

它最直接的用法是将{args.text}所表示的字符串中用"{{}"和"{}}"包含起来的字符串解析成object的属性。

例如: System.substitute("{{}a{}} love {{}b{}}.", {{}a:"I", b:"you"{}});

将得到{a} love {b}.

值得注意的是，模板替换可以支持多级属性替换，例如本例子中的{{}args.text{}}，还可以支持表达式

例如{{}x{}}+{{}y{}} = {{}x+y{}} => {x} + {y} = {x+y}



This is a {t}. 

{name}是一个很强大的字符串模板解析方法。

它接受三个参数，分别是{args.text},{args.object},（可选的）{args.decorator}

它最直接的用法是将{args.text}所表示的字符串中用"{{}"和"{}}"包含起来的字符串解析成object的属性。

例如: System.substitute("{{}a{}} love {{}b{}}.", {{}a:"I", b:"you"{}});

将得到{a} love {b}.

值得注意的是，模板替换可以支持多级属性替换，例如本例子中的{{}args.text{}}，还可以支持表达式

例如{{}x{}}+{{}y{}} = {{}x+y{}} => {x} + {y} = {x+y}

关于转义：
这是{x}
这是{{}x{}}
这是{{}{x}{}}
这是{{{}x{}}}



]]>



 WebRegExp 1.0 - 客服果果 [ 无忧版 ] 







 WebRegExp 1.0 - 客服果果 [ 无忧版 ]
 关于(A)
 
 
 
	
		
			正则式输入
			<[^>]+>
			
				
				
				
				
				
			
		
		
			模式匹配
			忽略大小写
			多行模式
			全局模式
		
		
			常用正则式
			
				
					验证
					提取
					剔除
					
				
				
					
									 
					
					
									 
					
					
									 
					
				
			
		
	
	
		
			测试文本
			<!-- testText-->
<table cellspacing="0" cellpadding="4" width="100%" align="center" class="t_row">
<tr style="height: 100%">
<td width="18%" valign="top" class="t_user"><a name="pid575004"></a> <a name="newpost"></a> <a href="space.php?uid=94039" target="_blank" class="bold">客服果果</a>
<br><div class="smalltxt">
爬虫<br>
<img src="images/default/star_level2.gif" alt="Rank: 2" /><br>
<br>
<table width="95%" border="0" cellspacing="0" cellpadding="0" style="table-layout: fixed; overflow: hidden">
<tr><td align="center"><div class="avatar" style="width: 70"><img src="images/avatars/16.gif" width="70" height="80" border="0" alt="" /></div></td></tr></table>
<!-- testText end-->
			
		
		
			替换文本
			dhooo
		
		
			查找结果
			
		
	
	
 



]]>
    span {
            width: 0px;
            height: 0px;
    }

    span.left {
            border-left: 90px solid white;
            border-bottom: 160px solid red;
    }

    span.right {
            border-right: 90px solid white;
            border-bottom: 160px solid red;
    }


   
   
]]>
/*
currying函数：接受一个函数类型参数f，返回currying化的f
currying化的函数即当函数参数个数不足时，返回接受剩余参数的函数。
*/
function currying(func)
{
    return function()
    {
        if(arguments.length]]>
function currying(func) {
    return function () {
		var root = this, args = arguments, sourceFunc = args.callee;
        if (args.length < func.length) {
			return function () {
				return sourceFunc.apply(
					root
					, Array.prototype.slice.call(args).concat(
						Array.prototype.slice.call(arguments)
					)
				);
			};
        } else return func.apply(this, args);
    };
}
/////////////////////////////////////////////////////////////////////////////////////////
var f = function (a, b, c) {
    alert([a, b, c]);
}
var cuf = currying(f);
cuf(1)(2)(3);
cuf(1, 2)(3);
cuf(1, 2, 3);
]]>
function currying(func){

    return function(){
        var args = Array.prototype.slice.call(arguments,0);   

        if(args.length]]>
function getlen(s) 
{ 
var l = 0; 
var a = s.split(""); 
for (var i=0;i');
document.write(getlen('aaa你好'));
]]>
String.prototype.Length     = getlen;
function getlen()
{
  return this.replace(/[^\x00-\xff]/g,"**").length;
}

]]>

var toJSON = function(obj){
    var objco = (obj.constructor==Object),objca = (obj.constructor==Array),ret = [],sobj = null,acfoo = arguments.callee;
    if(!objco&&!objca){return obj.toString();}
    var toString = function(cobj,ot){
        if(!cobj){
            cobj = cobj===undefined?'undefined':(cobj===null?'null':(cobj===false?'false':(cobj===0?'0':(cobj===''?'\'\'':'NaN'))));
            if(ot){ret.push(d+':'+cobj)}else{ret.push(cobj);};return;
        }
        switch(cobj.constructor){
            case Array:
            case Object:if(ot){ret.push(d+':'+acfoo(cobj))}else{ret.push(acfoo(cobj))};break;
            case String:if(ot){ret.push(d+':\''+cobj.toString()+'\'')}else{ret.push('\''+cobj.toString()+'\'')};break;
            default:if(ot){ret.push(d+':'+cobj.toString())}else{ret.push(cobj.toString())};
        }
    };
    if(objco){for(var d in obj){sobj = obj[d];toString(sobj,true);}}
    if(objca){for(var i=0;i]]>
#x{width:400px;height:300px;background:#000;color:red;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;}


MOZ CSS圆角好帅 - -!
]]>
div{
	width:200px;
	padding:5px;
	border:5px solid #CCC;
	-webkit-box-shadow:3px 3px 5px #333;
	-webkit-border-radius:5px;
}


webkit圆角阴影效果，帅哦 - -!
]]>
bindEvent for single DOM Obect
div x



bindEvent for [object HTMLCollection]




]]>



Easy Tetris JavaScript俄罗斯方块 - P 暂停, F2 新游戏, F4 开启投影, 空格 直接坠落,上箭头 变形, 左右箭头 左右移动, 下箭头 快速下落






游戏区域


]]>
编码环境:
<script>
[代码]
<script>
环境要求:
[代码]中不能出现引号(包括单引号和双引号).
功能要求: 实现弹出框对话框,对话框内容:"你好".


]]>Character Encoding Calculator


ASCII Text:

             
Enter your XSS here


            
Hex Value:
             
URL:





HTML (with semicolons):




            

Decimal Value:
             
HTML (without semicolons):




            

Base64 Value (a more robust base64 calculator can be found here)
             
Base64:




            




IP Obfuscation Calculator


IP Address:

             
 : dword level



            

Dword Address:
            


            

Hex Address:
            

            

Octal Address:
            


            
          





]]>
span[data="span D data"]{color:#f00;}
div>div>div>p+p+p span+span{color:#f00;}
div>div>div+p>span:first-child{color:#f00;}


First DIV
 Paragraph One -
  A
  B
 
 Second DIV
  Paragraph Two -
   C
   D
  
  Paragraph Three -
   E
   F
  
  Paragraph Four -
   G
   H
  
  Third DIV
   Paragraph Five -
    I
    J
   
   Paragraph Six -
    K
    L
   
   Paragraph Seven -
    M
    N
   
  
  Paragraph Eight -
   O
   P
  
 
 Paragraph Nine -
  Q
  R
 



]]>

var easySort = function(list){
    var s = new Date();
    var l = list.length,v = null,b = [];
    for(var i=0;i'+(new Date()-s+'ms');
}

var createList = function(n){
    var a = [];
    for(var i=0;iEasySort');
var b = easySort(a);
document.write(b+'');

document.write('sort');
var s = new Date();
var c = a.sort(function(a,b){return a-b;})+'
'+(new Date()-s)+'ms';
document.write(c);

]]>






	
		
			VEC·W3CGroup·EasyUI·JSLab
		
		
			
		
		
			
				grid_24
				
				
			
		
	


	
		
			
				grid_8
			
		
		
			
				grid_11
			
			
				grid_5
			
			
				grid_16
			
		
	
	
		
			
				grid_8
			
		
		
			
				grid_11
			
		
		
			
				grid_5
			
		
	
	
		
			
				grid_19
			
		
		
			
				grid_5
			
		
	
	
		
			
				grid_16
			
		
		
			
				grid_8
			
		
	
	
		
			
				grid_8
			
		
		
			
				grid_8
			
		
		
			
				grid_8
			
		
	
	
		
			
				grid_8
			
		
		
			
				grid_16
			
		
	


	
		
			Copyright © 1998 - 2009 W3CGroup. All Rights Reserved
		
	


]]>






	
		masthead.php
	


	
		
			banner_ad.php
		
		
			notice.php
		
	
	
		about_us.php
	
	
		
			news_list_a.php
		
		
			news_list_b.php
		
		
			news_list_c.php
		
	


	
		foot.php
	



]]>
  
var a = [],b = [],c = [];
a.push([1,2]);
a.push([3,4]);
Array.prototype.push.apply(b,[1,2]);
Array.prototype.push.apply(b,[3,4]);
c.push(5,6);
c.push(7,8);

alert(a+'\n'+a.length+'\n'+a[0]);
alert(b+'\n'+b.length+'\n'+b[0]);
alert(c+'\n'+c.length+'\n'+c[0]);

]]>

//请先写出以下代码中问号处的答案，再运行比较！

var a=0,b=0,c=0;
a+++b+++c;
alert([a,b,c]);//?

var a=[];
alert(a[a++]);//?
alert(a);//?

var o={a:o++};
alert(o.a);//?

var f=function(){};
alert(f(f++));

alert(typeof(NaN))//?

alert(typeof(Infinity))//?

alert(typeof(null))//?

alert(typeof(undefined))//?

alert(NaN == NaN)//?

alert(NaN != NaN)//?

alert(NaN >= NaN)//?

alert(null == undefined)//?

alert(null >= undefined)//?

alert(null <= undefined)//?

alert(parseInt("123abc"))//?

alert(("123abc" - 0))//?

alert(Infinity > 10)//?

alert(Infinity > "abc")//?

alert(Infinity == NaN)//?

alert(true == 1)//?

alert(new String("abc") == "abc")//?

alert(new String("abc") === "abc")//?

var a = "123abc";
alert(typeof(a++));//?
alert(a);//?

var a = "123abc";
a.valueOf = function(){return parseInt(a);}
alert(++a);//?
alert(a-0);//?

var a = new Object();
a.toString = function(){return "123abc";}
a.valueOf = function(){return parseInt(a);}
alert(++a);//?
alert(a-0);//?

var spv = String.prototype.valueOf;
String.prototype.valueOf = function(){
    return parseFloat(this);
}
alert("123abc" > 122);//?
alert(new String("123abc") > 122);//?
String.prototype.valueOf = spv;

var s = new String("abc");
alert(typeof(s) == typeof("abc"));//?
alert(s === "abc");//?
alert(s.toString() == s);//?

var a = new Object(),b = new Object();
a.toString = function(){return "a"};
b.toString = function(){return "b"};
alert(a>b);//?
a.valueOf = function(){return 1};
b.valueOf = function(){return 0};
alert(a>b);//?

var step = function(a){
    return function(x){
        return x + a++;
    }
}
var a = step(10);
var b = step(20);
alert(a(10));//?
alert(b(10));//?

]]>

]]>



]]>
var r = "abc,efg,bac,gfe,acb,feg,正则式,ijh,式正则,hji,则正式";

var reg = /((.)(.)(.)),(?=.*?(\2|\3|\4))/ig;

var rs = r.replace(reg,function(){var args=Array.prototype.slice.call(arguments,0);alert(args.join('\n'));return '';});

alert(rs);
]]>


Rank's HTML document



坑
hi, guy
where is your alert of your javascript?

</body>
<script type="text/javascript">
alert('恭喜你，这个alert执行了!');
</script>
</html>]]></iframeCloseBug><JSMinifier author="Franck Marcia" date="" common="在线压缩JavaScript代码"><![CDATA[<html>
<head>
<title>JS Minifier</title>
<script type="text/javascript">
String.prototype.has=function(c){return this.indexOf(c)>-1;};function jsmin(comment,input,level){if(input===undefined){input=comment;comment='';level=2;}else if(level===undefined||level<1||level>3){level=2;}if(comment.length>0){comment+='\n';}var a='',b='',EOF=-1,LETTERS='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz',DIGITS='0123456789',ALNUM=LETTERS+DIGITS+'_$\\',theLookahead=EOF;function isAlphanum(c){return c!=EOF&&(ALNUM.has(c)||c.charCodeAt(0)>126);}function get(){var c=theLookahead;if(get.i==get.l){return EOF;}theLookahead=EOF;if(c==EOF){c=input.charAt(get.i);++get.i;}if(c>=' '||c=='\n'){return c;}if(c=='\r'){return'\n';}return' ';}get.i=0;get.l=input.length;function peek(){theLookahead=get();return theLookahead;}function next(){var c=get();if(c=='/'){switch(peek()){case'/':for(;;){c=get();if(c<='\n'){return c;}}break;case'*':get();for(;;){switch(get()){case'*':if(peek()=='/'){get();return' ';}break;case EOF:throw'Error: Unterminated comment.';}}break;default:return c;}}return c;}function action(d){var r=[];if(d==1){r.push(a);}if(d<3){a=b;if(a=='\''||a=='"'){for(;;){r.push(a);a=get();if(a==b){break;}if(a<='\n'){throw'Error: unterminated string literal: '+a;}if(a=='\\'){r.push(a);a=get();}}}}b=next();if(b=='/'&&'(,=:[!&|'.has(a)){r.push(a);r.push(b);for(;;){a=get();if(a=='/'){break;}else if(a=='\\'){r.push(a);a=get();}else if(a<='\n'){throw'Error: unterminated Regular Expression literal';}r.push(a);}b=next();}return r.join('');}function m(){var r=[];a='\n';r.push(action(3));while(a!=EOF){switch(a){case' ':if(isAlphanum(b)){r.push(action(1));}else{r.push(action(2));}break;case'\n':switch(b){case'{':case'[':case'(':case'+':case'-':r.push(action(1));break;case' ':r.push(action(3));break;default:if(isAlphanum(b)){r.push(action(1));}else{if(level==1&&b!='\n'){r.push(action(1));}else{r.push(action(2));}}}break;default:switch(b){case' ':if(isAlphanum(a)){r.push(action(1));break;}r.push(action(3));break;case'\n':if(level==1&&a!='\n'){r.push(action(1));}else{switch(a){case'}':case']':case')':case'+':case'-':case'"':case'\'':if(level==3){r.push(action(3));}else{r.push(action(1));}break;default:if(isAlphanum(a)){r.push(action(1));}else{r.push(action(3));}}}break;default:r.push(action(1));break;}}}return r.join('');}jsmin.oldSize=input.length;ret=m(input);jsmin.newSize=ret.length;return comment+ret;}
function $(i) {return document.getElementById(i);}
function go() {
			$('output').value = jsmin($('comment').value, $('input').value, $('level').value);
			$('outputtitle').style.display = $('output').style.display = $('statstitle').style.display = $('stats').style.display = 'block';
			$('oldsize').value = jsmin.oldSize;
			$('newsize').value = jsmin.newSize;
			$('ratio').value = (Math.round(jsmin.newSize / jsmin.oldSize * 1000) / 10) + '%';
		}
		function bw() {
			$('comment').value = $('input').value = $('output').value = '';
			$('outputtitle').style.display = $('output').style.display = $('statstitle').style.display = $('stats').style.display = 'none';
}
</script>
<style type="text/css">
#comment { width:95%; height:4em; }
#input { width:95%; height:10em; }
#go { font-weight:bold; }
#outputtitle, #statstitle, #stats { display:none; }
#oldsize, #newsize, #ratio { text-align:right; width:4em; }
#output { width:95%; height:10em;display:none; }
h2 { margin-bottom:0; }
</style>
</head>
<body bgcolor="linen">
	<h1>JS Minifier</h1>
	<p>By Franck Marcia, 
	From the <a href="http://javascript.crockford.com/jsmin.html" target="_blank">original idea</a> of <a href="http://www.crockford.com/" target="_blank">Douglas Crockford</a>, 
	Last modified: 2006/08/31</p>
	<hr/>
	<h2>Comments</h2>
	<textarea id="comment" name="comment"></textarea>
	<h2>Code</h2>
	<textarea id="input" name="input"></textarea>
	<br/><br/>
	<center>
		Level:&nbsp;
		<select id="level">
			<option value="1">minimal</option>
			<option value="2" selected="selected">conservative</option>
			<option value="3">agressive</option>
		</select>
		&nbsp;&nbsp;
		<input id="go" type="submit" value="JSMin" onclick="go();return false;"/>
		&nbsp;&nbsp;
		<input type="submit" value="Clear" onclick="bw();return false;"/><br/><br/>
		<small><b>Minimal</b>: original algorithm but keep linefeeds if single - <b>Conservative</b>: original algorithm - <b>Agressive</b>: remove more linefeed than the original algorithm but can be regressive</small>
	</center>
	<h2 id="outputtitle">Output</h2>
	<textarea id="output" name="output"></textarea>
	<h2 id="statstitle">Stats</h2>
	<div id="stats">Old size: <input id="oldsize"></span> New size: <input id="newsize"></span> Ratio: <input id="ratio"></span></div>
</body>
</html>]]></JSMinifier><preload author="dh20156" date="" common="加载页面效果"><![CDATA[<html>
<head>
<style type="text/css">
body{width:100%;height:100%;overflow:hidden;background:url(http://www.v-ec.com/ijc/ajax-loader.gif) center center no-repeat;}
</style>
</head>
<body>
<iframe src="http://www.w3cgroup.com" style="display:none;">


]]>


]]>
.logo{height:150px;overflow:hidden;background:#efefef;}
h3{line-height:150px;}
h3 img{float:left;margin-right:20px;visibility:hidden;}



{company_name}
]]>

]]>




test








	aaa
	bbb
	ccc
	ddd
	eee
	fff
	ggg
	hhh
	aaa
	bbb
	ccc
	ddd
	eee
	fff
	ggg
	hhh



]]>
  
    
    
    
    JSTweener Example - Transitoins
    

    
  
  
    JSTweener Example - Transitoins
    
    Time: 
    transition:
    
    
     

     
    
  
]]>a
]]>





]]>
html,body{text-align:center;}
#x{margin:0 auto;background:#333;}
#x td{width:43px;height:43px;background:#000;}
#x td.active{background:#f00;}
#x td.stop{background:#00f;}













]]>
var d = [
[5,3,2,4,1],
[1,2,3,4,5],
[1,2,2,2,5],
[1,2,3,4,5],
[5,3,2,4,1]
];

var getsamelistfrommartix = function(list,minlength){
    var d = list.slice(0),r=d.length,c=d[0].length,iflag = new Array(c+1).join(1).split(''),ret = [];
    var pushrow = function(r0,c0,c1){var tmp=[];for(var i=c0;i<=c1;i++){tmp.push([r0,i]);}ret.push(tmp);};
    var pushcell = function(c0,r0,r1){var tmp=[];for(var i=r0;i<=r1;i++){tmp.push([i,c0]);}ret.push(tmp);};
    for(var i=0;i=minlength){pushrow(i,(n-nflag+1),n);}nflag = 1;}
            if(i<(r-1)&&d[i][n]==d[i+1][n]){iflag[n]++;}else{if(iflag[n]>=minlength){pushcell(n,(i-iflag[n]+1),i);}iflag[n] = 1;}
        }
    }
    return ret.slice(0);
};

alert(d.join('\n')+'\n\n横向纵向至少3个一组的有：\n\n'+getsamelistfrommartix(d,3).join('\n'));
]]>
hello
test

]]>= 0)diff += tmp;
                break;
            case "mm":
                diff = (enddate.getFullYear() - this.getFullYear()) * 12 + enddate.getMonth() - this.getMonth();
                break;
            case "qq":
                diff = this.diff("mm",enddate) / 3;
                diff = Math.floor(diff);
                break;
            case "yy":
                diff = enddate.getFullYear() - this.getFullYear();
                break;
            default:
                diff = (enddate - this);
        }
        diff = parseInt(diff);
        return diff;
    }
    function delPrefixZero(str)
    {
        var re = new RegExp(/^0*/);
        str = str.replace(re,"");
        if(str == "")str = "0";
        return str;
    }
}]]>外面的
里面的

外面的
里面的

]]>

var o = function(){
    this.show = function(){alert('hahaha');};
    this.destroy = function(){delete this.show;delete this.destroy;this.valueof=this.toString=function(){return null;};};
};

var i = new o();
alert(i);
i.show();

i.destroy();
alert(i);
if(i){alert('虽然值为undefined，但转换为boolean值时确是true - -!');}

var b = i.toString();
alert(b);
if(b){alert('你将看不到这个alert消息，因为酱紫才能通过boolean的正确判断！');}

]]>


MouseWheel




动动你的滚轮！！

]]>

  article start
  标题：www
  article end
 

  article start
  标题：www
  article end
 


]]>●












]]>

The Yellow Fade Technique in pure JavaScript



The Yellow Fade Technique in pure JavaScript
Click the button to show the Yellow Fade Technique on this 
paragraph.



]]>
html,body{padding:0;margin:0;width:100%;height:100%;overflow:hidden;}

Page 1 往下拖拽翻屏
Page 2 往上往下拖拽翻屏
Page 3 往上拖拽翻屏

]]>
function sum(n){
    var i = 0, sum = 0;
    while(1){
        try{
            return sum;
        }finally{
            sum+=++i;
            if(i<=n){continue;}
        }
    }
}
alert(sum(100));

/*
The production TryStatement : try Block Finally is evaluated as follows:
1. Evaluate Block.
2. Evaluate Finally.
3. If Result(2) .type is normal, return Result(1).
4. Return Result(2).
break是break
continue是continue
throw是throw
return是return
其它的是normal
break continue throw return
它们又被称为abrupt completion
try其实也是一种控制结构,利用它能表达一些很奇怪的程序逻辑
从语义上try结构用来捕获异常,但是通过研究我们也许可以赋予它新的语义和使用方法
*/
]]>
alert(0/0);//NaN
alert(0/1);//0
alert(0/-1);//0
alert(1/0);//Infinity
alert(-1/0);//-Infinity
]]>
var easyUTF8 = function(gbk){
	if(!gbk){return '';}
	var utf8 = [];
	for(var i=0;i');
document.write('encodeURI("我爱北京天安门！"):'+encodeURI('我爱北京天安门！'));
]]>
div{border:3px solid black;padding:10px;}


初始值

]]>
//判断以1开头，连续7组1到10个不重复数字
var a = '1 23 123 234 345';
var b = '1 23 123 234 345 456 567 6788';
var c = '1 123 234 345 456 567 678 789';
var r = /^1(?:\s(?:(\d)(?![^\s]*\1)){1,10}){7}$/;
alert(r.test(a));//false
alert(r.test(b));//false
alert(r.test(c));//true
]]>

var hahaha = function(){alert('hahaha');return 'evil';};

var a = 'hahaha()';
var b = 'evil = (function(){alert("wahahaha");return "evil";})()';
var c = '';

var externalData = function(str){
	return str.replace(/(\()|\Safe Eval() For External Data:');
document.write(A+'
');
document.write(B+'
');
document.write(C+'
');
document.write(typeof evil+'');


var C = eval('0,'+a);
var D = eval('0,'+b);

document.write('Native Eval() For External Data:');
document.write(C+'
');
document.write(D+'
');
document.write(typeof evil+'');

]]>
//中缀表达式转后缀表达式
var ie2se = function(mExp){
	var exp2array = function(exp){
		var ret = [];
		exp.replace(/([^\d])|(\d*)/g,function(s,a,b){if(a){ret.push(a);}if(b){ret.push(b)}});
		return ret.slice(0);
	};
	//将中缀表达式打散为数组形式
	var remExp = exp2array(mExp);
	//运算符栈和数据栈
	var OS = [],DS = [];
	//换算运算符优先级
	var r = /(?:([+-])|([*\/])|([\(\)]))/;
	var getPRI = function(o){
		r.test(o);
		return RegExp.$2?1:RegExp.$3?2:0;
	};
	var tmpItem = null,OSTop = null,pti = 0,ptt = 0;
	while(remExp.length){
		//取剩余表达式中第一个元素
		tmpItem = remExp.shift();
		OSTop = OS[0];
		if(isNaN(tmpItem)){//运算符
			pti = getPRI(tmpItem);
			ptt = getPRI(OSTop);
			if(pti>ptt){//优先级高于OS[0]
				if(tmpItem!=')'){//运算符不是右括号
					OS.unshift(tmpItem);
				}else{
					DS.push(OS.shift());
					OS.shift();//丢掉'(';
				}
			}else{//优先级低于或等于OS[0]
				//循环判断，直至OS[0]优先级大于当前运算符
				while(OS.length&&OS[0]!='('&&pti<=getPRI(OS[0])){
					DS.push(OS.shift());
				}
				OS.unshift(tmpItem);
			}
		}else{//数据
			DS.push(tmpItem);
		}
	}
	//剩余表达式为空后，将OS栈的元素都push到DS栈
	while(OS.length){DS.push(OS.shift());}
	return DS.slice(0);
};

//后缀表达式求值
var suffix_compute = function(suffixExp){
	var ret = suffixExp.slice(0);
	while(ret.length>1){
		var idx = 0;//第一个运算符出现的位置
		for(var i=0;i中缀表达式转后缀表达式计算结果：'+me+' = '+eval(me)+'
'+se+' = '+d);
]]>

盒子游戏





]]>
    
    
        
    


A
B
C


    1
    2
	3


        
    
]]>
/*注意观察不同浏览器下的结果*/
var whatisthis = function(){
    alert('typeof:\n'+typeof(this)+'\n\nObject.prototype.toString.call:\n'+Object.prototype.toString.call(this)+'\n\nconstructor:\n'+this.constructor);
};

whatisthis();

var b = new whatisthis();

var c = function(){};
whatisthis.call(c);
]]>
//深复制
var deepClone = function(source){
	if(source===null){return null;}
	if(source===undefined){return undefined;}
	if(typeof(source)!='object'){return source;}
	if(source.constructor==Array){
		var ret = [];
		for(var i=0;i]]>
var su = '【W3C小组】';
var sh = '30100057003300435c0f7ec43011';
var sb = '0011000000010000000000000101011100000000001100110000000001000011010111000000111101111110110001000011000000010001';
var b2u = function(data,byte){
	byte = isNaN(byte)?16:byte||16;
	var r = new RegExp('\\d{'+byte+'}','g'),a = data.match(r),l = a.length,ret = [];
	for(var i=0;i]]>
var a = [-3,-1,0,1,3,5,7,9],b = [-4,-2,0,2,3,4,5,6,7,8];

var merge = function(a,b){//a,b同时以A-Z排序后合并两数组
    if(!a||!a.length){return b&&b.length?b:null;}
    if(!b||!b.length){return a&&a.length?a:null;}
    var ret = [],min;
    while(a.length){
        if(!b.length){Array.prototype.push.apply(ret,a);break;}
        min = a[0]]]>

]]>兼容处理input控件值改变事件

兼容处理：
手动输入事件捕获：手动输入内容时会触发
复制粘贴事件捕获：复制粘贴内容时会触发
程序设置事件捕获：javascript程序动态设置内容时会触发
拖入事件捕获：选定内容拖入时会触发


label

]]>a
]]>


基于JavaScript技术的 竖文 转换工具









基于JavaScript技术的横排文字转古书式竖排工具
此工具可以把普通横排文字转换为古典的竖排由右至左的方式显示，并且增加适当的线标，方便读者阅读。您可以在论坛、博客
发言之前用这个工具把要发表的文章转化，然后再粘贴到要发表的论坛、博客上去。这样还可以有效的防止网站程序对某些词语的检索过滤，且不妨碍阅读。即弘扬
中华古典文化，又增加趣味性。还不快试试。 按 Ctrl+D 收藏本页

	
		
			
			把您要转换的文字输入到下面的输入框中
			
		
	
	
		
		点击『转换』按钮
		
		每页竖行，
		每竖行个字
		使用边框
		
		不要增加转换器信息
		
	
	
		
			结果就在下面，你可以拷贝到论坛、博客里面去了
			
			
		
	




本工具由CSHBL.com原创。CSHBL享有全部所有权。
原作：http://www.cshbl.com/gushu.html


]]>


世界时间 - world map time zone






]]>



	自适应父节点大小类 - ARBox
	
		
			使用此方法的DOM元素：
			将自动适应其父节点的宽和高;
			如果指定了width=[整数|百分数]和height的值，将按给定的值调整;
			该元素将被自动设置成为overflow:hidden;
			支持rows="25,*25"和cols="20%,*"属性
			如果设置了rows或cols，其childNodes将按相应的值自动调整
			尺寸调整过的子节点，同时也会被自动设置成为overflow:hidden;
		
		
			嵌套的设置：
			嵌套与本类无关，需要另行编写相关队列实现
			可使用自定义属性（如level）进行抓取，按level优先级存入队列
			window resize的时候可以按队列顺序进行调整
		
		
			注意：
			请声明DTD
			最好在使用了reset样式后使用
			请酌情使用或参考
		
	
	W3CGroup dh20156


]]>
var delay=3000;
if(/firefox/i.test(navigator.userAgent)){
    window.setTimeout(test,delay,'arg1','arg2');
    alert("试试等一会再确认")
}else{
    alert("只有 firefox 浏览器支持 Lateness 参数！")
}
function test(){
    var t=arguments[arguments.length-1]
    alert(Array.prototype.slice.call(arguments,0));
    alert("你点alert之前犹豫了"+(t<2?"不到"+delay:delay+t)+"毫秒");
}
]]>

  
    
    Google AJAX Language API - Basic Translation
    
    
  
  
    
  
]]>
.ui-dialog-body {
	border: 1px solid #CCC;
	border-top: none;
	padding: 16px 20px;
	background: #FFF;
	/*zoom:1;*/
}




Click here test

ok,you got me!


hello,world!  
]]>
ul{width:100%;}
li{width:100%;height:50px;position:relative;}
.tips{background:yellow;width:200px;height:100px;position:absolute;right:100px;top:0;}


IE中子元素的ZINDEX无法穿越父元素的ZINDEX


test
遭受凌辱中 - -!


test 2
我上你下哦 ^_^





修正


test
扬眉吐气哇 ^_^


test 2
被压在下面鸟 - -!


]]>
alert('sss');
]]>
alert('sss');
]]>热运动




说明：两个箱子大小相同，分子量左箱是右箱的四倍，个数左右是右箱的四分之一，有重力时箱子变成无限高（平衡后底部压强也会是一样的）

添加重力加速度：   
开启热传递：   

清空报告：   
暂停/开启：

分析：1。高度越高，温度越低；2。如果导热底部的压强与温度相同，则高度对分子量大的气体温度的影响大，所以在同一高度，右箱的温度高于左箱。

	
		 
		 
	


左箱分子均能

右箱分子均能

导热片分子均能


]]>
得分	第1场	第2场	第3场	第4场	第5场	第6场	第7场
二分球	14	24	8	32	12	18	22
三分球	9	3	15	6	3	9	3
罚球	8	7	2	11	3	5	12
这一行是<thead>	<thead>中可以用<th>或<td>	这里使用的是<th>
最后一行是<tfoot>	<tfoot>无论放在什么位置，总显示在最末端
以下三行是<tbody>	可以放任意个<tr>	这里使用的是<td>
用<col>表示列	该行最右单元为空表格单元，没有任何内容
用<tr>表示行	该行最右单元则有一个
iframe滚动兼容测试

1px圆角框

1px圆角框

二叉树 深度优先

二叉树 广度优先

fixed IE form control bug

1. Select radio to checked

2. Click button to change dom structure

HTML 测试文档

<h1> 代表一号标题

<h2> 代表二号标题

<h3> 代表三号标题

<h4> 代表四号标题

<h5> 代表五号标题

<h6> 代表六号标题

有符号右位移：

有符号左位移：

无符号右位移：

web前端专家dhtml精英俱乐部

文件(F)

发送(E)

编辑(E)

查看(V)

工具栏(T)

文字大小(X)

收藏(A)

工具(T)

帮助(H)

dhScroll Ver2.0.0 左右横向无缝滚动

滚动对象模型

滚动模型设置样式要点

36的N次方

WebRegExp 1.0 - 客服果果 [ 无忧版 ]

MOZ CSS圆角好帅 - -!

Character Encoding Calculator

IP Obfuscation Calculator

sort

坑

hi, guy

{company_name}

JSTweener Example - Transitoins

hello

标题：www

标题：www

The Yellow Fade Technique in pure JavaScript

基于JavaScript技术的横排文字转古书式竖排工具

自适应父节点大小类 - ARBox

二叉树深度优先

二叉树广度优先

${company_name}$ {company_name}
