½ñÌìÔÚ×öJAVASCRIPTµÄʱºò,·¢ÏÖÀÏÊdzöÏ֔δ½áÊøµÄ×Ö·û´®³£Á¿”.
×Ô¼ºÕÒÁËÏÂÓ¦¸ÃÊÇ´«²ÎÊýµÄʱºò,ÓÐÌØÊâ×Ö·ûÒýÆðµÄ.ÍøÉÏÒ²ÕÒÁËÏÂ,Ò²Óкöà³öÏÖÕâÖÖÇé¿ö.×öÏÂ×ܽá,ÒÔ·½±ãÒÔºó²éÔÄ.
1.JAVASCRIPTÒýÓÃʱ,ʹÓõÄ×Ö·ûÓïÑÔ²»Ò»ÖÂ.
±ÈÈç:<script type=”text/javascript” src=”xxx.js” charset=”UTF-8″>.xxx.jsÎļþÄÚ²¿Ê¹ÓõÄÊÇGB2312µÄ¸ñʽ,ÍâÃæµ÷ÓÃʹÓõÄÊÇUTF-8,ËùÒÔÎļþÄÚ²¿²¿·ÖÌØÊâ×Ö·ûÒòΪ¸ñʽ²»Ò»ÖÂ,³öÏÖÂÒÂë,Ôì³É´ËÔÒò.
2.JAVASCRIPTÊä³öHTML×Ö·ûʱ,ǰºó±ê¼Ç²»Æ¥Åä.
ÕâÖֱȽϳ£¼û,ÍùÍùÔÚÊä³ö×Ö·û´®Ê±,³öÏÖµ¥ÒýºÅ(’)»òË«ÒýºÅ(”)²»Åä¶Ô,»òÕßÊÇÔÚdocument.write()µÄʱºò,ûÓÐÕýÈ·Êä³öµ¥ÒýºÅ(’)»òË«ÒýºÅ(”)
3.²ÎÊýÄÚ³öÏÖHTML±ê¼ÇÓïÑÔ»ò°üº¬»»Ðзû
ÎÒ½ñÌìËùÓöµ½µÄÊÇÕâÖÖÇé¿ö.ÒòΪÎÒËùµÃµ½µÄÊý¾ÝÒÔ²ÎÊýÐÎʽ´«¸øÒ»º¯Êý,½á¹û¸ÃÊý¾ÝÀï°üº¬»»Ðзû,Ôì³ÉÁË´Ë´íÎó.
Èç:Ò»°ã²âÊÔʱֻʹÓõ¥ÐеÄÊý¾Ý,ÊÇÕý³£µÄ,δ³öÏÖÕâ¸ö´íÎó,.
µ±²âÊÔʱʹÓöàÐÐÊý¾Ý,²¢Ê¹ÓûسµÁ´»»ÐÐ,¾Í³öÐÐÁË´Ë´íÎó.ÒòΪÀïÃæ°üº¬ÁË»»Ðзû
¶ÔÓÚµÚ3ÖÖÇé¿ö,ÎҵĽâ¾ö·½·¨ÊÇ:²»Ö±½Ó½«¸ÃÊý¾ÝÒÔ²ÎÊýÐÎʽ´«µÝ,¶øÊÇÏȽ«Æä¸³ÖµÔÚÒ»¸öÒþ²ØµÄÎÄ ......
jQuery, MooTools, Prototype µÈÓÅÐãµÄ
JavaScript ¿ò¼ÜÓµÓи÷ÖÖÇ¿´óµÄ¹¦ÄÜ£¬°üÀ¨»æÖÆ Web ͼ±í£¬Ê¹ÓÃÕâЩ¿ò¼ÜÒÔ¼°ÏàÓ¦²å¼þ£¬ÎÒÃÇ¿ÉÒԷdz£ÇáËɵØÊµÏÖÇúÏßͼ£¬Ô²±ýͼ£¬Öù״ͼµÈ
Web ͼ±íµÄ»æÖÆ£¬¶ø²»±ØÏóÒÔÍùÄÇÑùͨ¹ý¸´Ô Flash ¼¼ÊõʵÏÖ¡£±¾ÎĽéÉÜÁË9¸öÓÅÐãµÄ»ùÓÚ JavaScript Óë CSS µÄ Web ͼ±í¿ò¼Ü¡£
jQuery, MooTools, Prototype µÈÓÅÐãµÄ JavaScript ¿ò¼ÜÓµÓи÷ÖÖÇ¿´óµÄ¹¦ÄÜ£¬°üÀ¨»æÖÆ Web
ͼ±í£¬Ê¹ÓÃÕâЩ¿ò¼ÜÒÔ¼°ÏàÓ¦²å¼þ£¬ÎÒÃÇ¿ÉÒԷdz£ÇáËɵØÊµÏÖÇúÏßͼ£¬Ô²±ýͼ£¬Öù״ͼµÈ Web ͼ±íµÄ»æÖÆ£¬¶ø²»±ØÏóÒÔÍùÄÇÑùͨ¹ý¸´Ô Flash
¼¼ÊõʵÏÖ¡£±¾ÎĽéÉÜÁË9¸öÓÅÐãµÄ»ùÓÚ JavaScript Óë CSS µÄ Web ͼ±í¿ò¼Ü¡£
1.
Flot
Flot
ÊÇÒ»¸ö´¿´âµÄ jQuery JavaScript
»æÍ¼¿â£¬¿ÉÒÔÔÚ¿Í»§¶Ë¼´Ê±Éú³ÉͼÐΣ¬Ê¹Ó÷dz£¼òµ¥£¬Ö§³Ö·Å´óËõСÒÔ¼°Êó±ê×·×ٵȽ»»¥¹¦ÄÜ¡£¸Ã²å¼þÖ§³Ö IE6/7/8, Firefox 2.x+,
Safari 3.0+, Opera 9.5+ ÒÔ¼° Konqueror 4.x+¡£Ê¹ÓõÄÊÇ Safari ×îÏÈÒýÈëµÄ Canvas
¶ÔÏó£¬Ä¿Ç°ËùÓÐÖ÷Á÷ä¯ÀÀÆ÷¶¼Ö§³Ö¸Ã¶ÔÏ󣬳ýÁË IE, Òò´ËÔÚ IEÖÐʹÓà JavaScript ½øÐÐÄ£Äâ¡£ÕâÀïÓÐһЩʵÀý
¡£
2. JS Charts
JS Charts
ÊÇÒ»¸öÃâ·Ñµ ......
jQuery, MooTools, Prototype µÈÓÅÐãµÄ
JavaScript ¿ò¼ÜÓµÓи÷ÖÖÇ¿´óµÄ¹¦ÄÜ£¬°üÀ¨»æÖÆ Web ͼ±í£¬Ê¹ÓÃÕâЩ¿ò¼ÜÒÔ¼°ÏàÓ¦²å¼þ£¬ÎÒÃÇ¿ÉÒԷdz£ÇáËɵØÊµÏÖÇúÏßͼ£¬Ô²±ýͼ£¬Öù״ͼµÈ
Web ͼ±íµÄ»æÖÆ£¬¶ø²»±ØÏóÒÔÍùÄÇÑùͨ¹ý¸´Ô Flash ¼¼ÊõʵÏÖ¡£±¾ÎĽéÉÜÁË9¸öÓÅÐãµÄ»ùÓÚ JavaScript Óë CSS µÄ Web ͼ±í¿ò¼Ü¡£
jQuery, MooTools, Prototype µÈÓÅÐãµÄ JavaScript ¿ò¼ÜÓµÓи÷ÖÖÇ¿´óµÄ¹¦ÄÜ£¬°üÀ¨»æÖÆ Web
ͼ±í£¬Ê¹ÓÃÕâЩ¿ò¼ÜÒÔ¼°ÏàÓ¦²å¼þ£¬ÎÒÃÇ¿ÉÒԷdz£ÇáËɵØÊµÏÖÇúÏßͼ£¬Ô²±ýͼ£¬Öù״ͼµÈ Web ͼ±íµÄ»æÖÆ£¬¶ø²»±ØÏóÒÔÍùÄÇÑùͨ¹ý¸´Ô Flash
¼¼ÊõʵÏÖ¡£±¾ÎĽéÉÜÁË9¸öÓÅÐãµÄ»ùÓÚ JavaScript Óë CSS µÄ Web ͼ±í¿ò¼Ü¡£
1.
Flot
Flot
ÊÇÒ»¸ö´¿´âµÄ jQuery JavaScript
»æÍ¼¿â£¬¿ÉÒÔÔÚ¿Í»§¶Ë¼´Ê±Éú³ÉͼÐΣ¬Ê¹Ó÷dz£¼òµ¥£¬Ö§³Ö·Å´óËõСÒÔ¼°Êó±ê×·×ٵȽ»»¥¹¦ÄÜ¡£¸Ã²å¼þÖ§³Ö IE6/7/8, Firefox 2.x+,
Safari 3.0+, Opera 9.5+ ÒÔ¼° Konqueror 4.x+¡£Ê¹ÓõÄÊÇ Safari ×îÏÈÒýÈëµÄ Canvas
¶ÔÏó£¬Ä¿Ç°ËùÓÐÖ÷Á÷ä¯ÀÀÆ÷¶¼Ö§³Ö¸Ã¶ÔÏ󣬳ýÁË IE, Òò´ËÔÚ IEÖÐʹÓà JavaScript ½øÐÐÄ£Äâ¡£ÕâÀïÓÐһЩʵÀý
¡£
2. JS Charts
JS Charts
ÊÇÒ»¸öÃâ·Ñµ ......
css,javascriptµÄÔ¤¼ÓÔØ
ΪÁËÌá¸ßÍøÕ¾µÄ¼ÓÔØËÙ¶È£¬ÓÐÒ»¸öºÜÖØÒªµÄÊֶξÍÊÇÔÚÓû§ä¯ÀÀ¹ý³ÌÖеÄÉÏÓÎÍøÕ¾×öÒ»¸öÎļþµÄÔ¤¼ÓÔØ¡£Ô¤¼ÓÔØÎļþÒ»°ãÓÐÁ½ÖÖ³£Óõķ½Ê½£ºxhrºÍ¶¯Ì¬²åÈë½ÚµãµÄ·½Ê½¡£¶¯Ì¬²åÈë½ÚµãÊÇ×îΪ¼òµ¥Ò²×îΪ¹ã·ºµÄÒ»ÖÖÒì²½¼ÓÔØ·½Ê½(ÀýÈçyuiµÄGetÄ£¿é)£¬È»ºóʹÓö¯Ì¬²åÈë½Úµã·½·¨¼ÓÔØµÄÎļþ¶¼»áÔÚ¼ÓÔØºóÁ¢¼´Ö´ÐУ¬javascriptµÄÖ´ÐÐÒ»·½Ãæ»áÕ¼ÓÃä¯ÀÀÆ÷jsÖ´Ðнø³Ì£¬ÁíÒ»·½ÃæÒ²¿ÉÄܸıäÒ³Ãæ½á¹¹£¬¶øcssµÄÖ´ÐиüÓпÉÄÜÈÃÕû¸öÒ³Ãæ±ä»¯¡£xhr·½Ê½ËäÈ»²»»áÖ´Ðнű¾£¬µ«ÊÇÓÉÓÚͬÓòµÄÏÞÖÆ£¬ÇÒÈç½ñÍøÕ¾µÄ¾²Ì¬Îļþ¶¼ÊDz¿ÊðÔÚcdn·þÎñÆ÷ÉÏ£¬ÈçºÎÔ¤¼ÓÔØcss jsÎļþÒ²±äÓеãÐþÃîÁË¡£
Stoyan Stefanov ׫ÎļòÃ÷µÄ²ûÊöÁËÒ»ÖÖ¼ÓÔØÎļþ¶ø²»»áÈÃÖ®Ö´Ðеķ½·¨¡£ÔÎĿɼû http://www.phpied.com/preload-cssjavascript-without-execution/
¾ßÌåµÄ·½·¨ÊÇ£¬ieÖÐʹÓà new Image().src È¥Ô¤¼ÓÔØÎļþ£¬¶øÆäËûä¯ÀÀÆ÷ʹÓö¯Ì¬²åÈëµÄ <object> ±êÇ©À´Íê³É¼ÓÔØ¡£
²¿·Ö´úÂëÈçÏÂ
code
1 window.onload = function () {
2
3 var i = 0,
4 & ......
css,javascriptµÄÔ¤¼ÓÔØ
ΪÁËÌá¸ßÍøÕ¾µÄ¼ÓÔØËÙ¶È£¬ÓÐÒ»¸öºÜÖØÒªµÄÊֶξÍÊÇÔÚÓû§ä¯ÀÀ¹ý³ÌÖеÄÉÏÓÎÍøÕ¾×öÒ»¸öÎļþµÄÔ¤¼ÓÔØ¡£Ô¤¼ÓÔØÎļþÒ»°ãÓÐÁ½ÖÖ³£Óõķ½Ê½£ºxhrºÍ¶¯Ì¬²åÈë½ÚµãµÄ·½Ê½¡£¶¯Ì¬²åÈë½ÚµãÊÇ×îΪ¼òµ¥Ò²×îΪ¹ã·ºµÄÒ»ÖÖÒì²½¼ÓÔØ·½Ê½(ÀýÈçyuiµÄGetÄ£¿é)£¬È»ºóʹÓö¯Ì¬²åÈë½Úµã·½·¨¼ÓÔØµÄÎļþ¶¼»áÔÚ¼ÓÔØºóÁ¢¼´Ö´ÐУ¬javascriptµÄÖ´ÐÐÒ»·½Ãæ»áÕ¼ÓÃä¯ÀÀÆ÷jsÖ´Ðнø³Ì£¬ÁíÒ»·½ÃæÒ²¿ÉÄܸıäÒ³Ãæ½á¹¹£¬¶øcssµÄÖ´ÐиüÓпÉÄÜÈÃÕû¸öÒ³Ãæ±ä»¯¡£xhr·½Ê½ËäÈ»²»»áÖ´Ðнű¾£¬µ«ÊÇÓÉÓÚͬÓòµÄÏÞÖÆ£¬ÇÒÈç½ñÍøÕ¾µÄ¾²Ì¬Îļþ¶¼ÊDz¿ÊðÔÚcdn·þÎñÆ÷ÉÏ£¬ÈçºÎÔ¤¼ÓÔØcss jsÎļþÒ²±äÓеãÐþÃîÁË¡£
Stoyan Stefanov ׫ÎļòÃ÷µÄ²ûÊöÁËÒ»ÖÖ¼ÓÔØÎļþ¶ø²»»áÈÃÖ®Ö´Ðеķ½·¨¡£ÔÎĿɼû http://www.phpied.com/preload-cssjavascript-without-execution/
¾ßÌåµÄ·½·¨ÊÇ£¬ieÖÐʹÓà new Image().src È¥Ô¤¼ÓÔØÎļþ£¬¶øÆäËûä¯ÀÀÆ÷ʹÓö¯Ì¬²åÈëµÄ <object> ±êÇ©À´Íê³É¼ÓÔØ¡£
²¿·Ö´úÂëÈçÏÂ
code
1 window.onload = function () {
2
3 var i = 0,
4 & ......
function checkfiletype()
{
var fileName = document.getElementById('<%=FilePath.ClientID%>').value;
if (Trim(fileName)=="")
{
alert("ÇëÑ¡ÔñÒªÉÏ´«µÄÎļþ£¡");
document.getElementById('<%=FilePath.ClientID%>').focus();
return false;
}
//ÉèÖÃÎļþÀàÐÍÊý×é
var extArray = new Array(".rar",".doc",".rtf",".xls");
//»ñÈ¡ÎļþÃû³Æ
while (fileName.indexOf("\\") != -1)
fileName = fileName.slice(fileName.indexOf("\\") + 1);
//»ñÈ¡ÎļþÀ©Õ¹Ãû
var ext = fileName.slice(fileName.indexOf(".")).toLowerCase();
//±éÀ ......
ǰ̨£º
<%@ Page AutoEventWireup="true" CodeBehind="CustomerBizList.aspx.cs" Inherits="SSMIS.UI.MISUI.CustomerBizList"
Language="C#" MasterPageFile="/Master/WebAdmin.master" %>
<asp:Content ID="Content1" runat="Server" ContentPlaceHolderID="bcr">
<%--ÄÚÈÝ¿ªÊ¼--%>
<script type="text/javascript" language="javascript">
function SearchTag() {
var searchKey;
searchKey = document.getElementById("searchKey").value;
window.location = "CustomerBizList.aspx?searchKey=" + escape(searchKey);
}
function AddTag() {
var ......
<asp:TextBox ID="txtPwdPrompt" runat="server"></asp:TextBox>
<asp:CustomValidator id="CVPwdPrompt" runat="server" ClientValidationFunction="CheckPwd" ControlToValidate="txtPwdPrompt" ErrorMessage="<span style='font:12px'>ÌáʾÎÊÌâ±ØÐëÔÚ2-50¸ö×Ö·ûÄÚ</span>" Display="None"></asp:CustomValidator>
Javascriptº¯Êý:
<script language="javascript" type="text/javascript">
function CheckPwd(source, arguments)
{
if(arguments.Value.Length>2 || arguments.Value.Length < 50)
{
arguments.IsValid=true;
}
else
{
arguments.IsValid =false;
}
}
</script>
º¯ÊýÓÐÁ½¸ö²ÎÊý:
source ²ÎÊýÊǶÔΪ CustomValidator ¿Ø¼þ³ÊÏÖµÄ <span> ÔªËØµÄÒýÓá£Òò´Ë£¬Äú¿ÉÒÔ±à³ÌµÄ·½Ê½¿ØÖÆ <span> ±ê¼Ç£¬ÈçÐÞ¸Ä InnerHtml ÊôÐÔ¡£
arguments ²ÎÊýÊÇÒ»¸ö¾ßÓÐÒÔÏÂÁ½¸öÊôÐԵĶÔÏó£ºValue ºÍ IsValid¡£Ê¹Óô˲ÎÊý¿ÉÒÔ»ñÈ¡¿Ø¼þµÄÖµ£¬ÒÔ¸ù¾Ý×Ô¶¨ÒåÑéÖ¤ ......