JavaScript

Js:Copy codeThe Code is as follows:// Select the AvatarFunction GetFace (){Var faceid = $ ("# SelFace"). val ();If (faceid. length = 1) {faceid = "0" + faceid ;}$ ("# Imgface"). attr ("src", "/WebUI/template/images/public/tutu" + faceid + ". gif ");}

But I don't think that's enough. After all, everything is encapsulated by others. You have to study native javascript in depth to be steadfast. Today, I saw a good blog and introduced an example of an album Based on Javascript dom programming.

For the page, the Dialog in JQuery is still effective and easy to use. The pop-up effect can be achieved with just a few lines of bound code.CodeCopy codeThe Code is as follows:$ ('# Dialog'). dialog ({AutoOpen: false,Width: 600,Buttons :{"OK":

Effect:DEMO code: drag _ trajectory run drag the small block for a few seconds remember trajectory do not remember tracks [Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]

Function A (x){This. x = x;}Alert (A. prototype );Alert (A. prototype. constructor );Based on the pop-up results, we can get that the prototype Object is created by the function constructor, and its attributes can be shared by all objects. In the

After learning the plug-in, you can also figure it out. As follows: The Code is as follows: untitled page hello, four major recipients: 12331 12331 12331 12331 1 toner 1 Satan's Law 1 12 Satan's law 112331 12331 12331 12331 [Ctrl + A

Copy codeThe Code is as follows:Var myForm = document. createElement ("form ");MyForm. method = "get ";MyForm. action = "line_ticket.aspx ";Var myInput = document. createElement ("input ");MyInput. setAttribute ("name", "id ");MyInput. setAttribute (

Mouse Wheel Data increase/decrease value in the text box scroll after the text box gets the focus scroll scroll wheel mouse zoom picture scroll control slider movement [Ctrl + A select all Note: If you need to introduce external Js, You

1. check whether there is an Item with Value = "paraValue" in the select option.2. add an Item to the select option3. delete an Item from the select option4. Delete the selected items in the select statement.5. In the select option, set the text of

Before adding a row:After adding rows:DEMO code: give internal table Dynamics add row underlying Enterprise Ownership Structure Number of shareholders: name of the top 10 Investors ) contribution ratio evaluation agency

The effect is as follows:The main point of this plug-in is the application of the new function data added in the release of the JQuery-1.4.2.js, so the jquery library must be 1.4.2 versionOn the other hand, it is the compilation of css. setInterval

The table function in ExtJS is very powerful, including sorting, caching, dragging, hiding a column, automatically displaying a row number, column summary, cell editing, and other practical functions.The table is defined by Ext. grid. GridPanel and

1. Object impersonatingPrinciple: The constructor uses the this keyword to assign values to all attributes and methods (that is, the constructor method of class Declaration ).Because the constructor is just a function, you can make the constructor

Copy codeThe Code is as follows:Var l = json. length;Var arr = [];For (var I = 0; I (Function (){Var jsonArray = arguments [0];For (var k in jsonArray ){If (k. indexOf ('children ')! =-1 & jsonArray [k]! = Null ){Arguments. callee (jsonArray

Copy codeThe Code is as follows:Function fn (){For (var I = 0; I Alert ("th" + (I + 1) + "parameter value:" + arguments [I]);}}Var str = ' {ni} ';Str. replace (/\ {([a-z] +) \}/ig, fn ); According to multiple tests, the output result shows that fn

Let's take a look at the effect: http://demo.jb51.net/js/jquery_flash/demo.htmBecause the menu below is the same as the implementation principle of the logo above. to simplify it, we only use the code of the logo part to illustrate the

1. The most basic function declaration is used as a local shard.Copy codeThe Code is as follows:Function func (){}OrVar func = function (){}; 2. Use as a class constructor:Copy codeThe Code is as follows:Function class (){}Class. prototype = {};Var

Before the rise of AJAX, many people write JavaScript code without rules. Basically, they write anything when they think of it. It is a function one by one, and copy is required for repeated operations, if you accidentally duplicate the name of a

JQuery's event module relies heavily on its data storage (jQuery. data). You will find that the dataManager object in my Code corresponds to it.Here, only bind and unbind methods are provided. Does not include1. event namespace)2. event delegation)3.

Every time you declare a jQuery object, jQuery is returned. prototype. the init object is obviously jQuery. fn method. Actually, this is not a method, but an init constructor. Because JavaScript prototype objects can be inherited by implementation,