-
一些充满童趣的创意站点,看看结合了CSS动画和JAVASCRIPT的页面。
和大家一同分享一些充满童趣的创意站点,当你滚动网站的时候,会给你讲述一个有趣的故事。设计师们结合CSS3的一些特性,抛弃了FLASH,创造了惊人的视觉效果。滚动一下吧,看看结合了CSS动画和JAVASCRIPT的页面元素会带给你怎样的一个故事吧!EveryLastDropBentheBodyguardDangersofFrackingEclecticPedicabRidesHegartyOnAdvertisingRangeRoverEvoqueInceptionExplainedSlaveryFootprintHowFarisittoMars?AirJordan2012JamesBond007CarsEvolutionPeugeotHYbrid4GraphicNovelD’AngelicoGuitarsTheStateoftheFinancial&EconomicEducation2
-
JavaScript初级教程 js基础教程
"+name+"")
-
JavaScript使用技巧精选
(一).确认删除用法:1.BtnDel.Attributes.Add("onclick","returnconfirm('"+"确认删除?"+"')");2.linktempDelete.Attributes["onclick"]="nojavascript...returnconfirm('"+"确认删除?"+"');";3.privatevoidgrdProject_ItemDataBound(objectsender,DataGridItemEventArgse)4.{if((e.Item.ItemType==ListItemType.Item)|(e.Item.ItemType==ListItemType.AlternatingItem)){//?除按怙上的提示部分e.Item.Cells[10].Attributes.Add("onclick","returnconfirm('确定删除吗?');");}}5.(二).跨语言字符串替换System.Text.RegularExpressions.Regex.Replace(str1,@"{1}","").Replace("","").Replace("","").Replace("-","-").Replace("&","&").Replace("").Replace("br","n");(三).关闭窗体1.this.btnClose.Attributes.Add("onclick","window.close();returnfalse;");2.关闭本窗体间跳转到另一个页面this.HyperLink1.NavigateUrl="nojavascript...onclick=window.opener.location.assign('"+"index.aspx"+"?&Func=Edit&AutoID="+intAutoid+');window.close();";3.关闭父窗体:
(四).WebMessageBox1.Response.Write("");2.Response.Write("");3.this.Page.RegisterStartupScript("ChiName","");(五).DataGrid中加CheckBox控件模板列.请看:http://blog.csdn.net/chengking/archive/2005/10/08/497520.aspx(六).window.open()方法语法:window.open(pageurl,name,parameters);window对象的open()方法用于创建一个新的窗口实例,新创建的窗口的外观由参数:parameters指定。新窗口中打开的文档由参数:pageurl指定。系统能够根据参数:name确定的名称访问该窗口。下表为parameters参数表:参数衩始值说明alwaysLoweredyes/no指定窗口隐藏在所有窗口之下。alwaysRaisedyes/no指定窗口浮在所有窗口之上。dependentyes/no指定打开的窗口为父窗口的一个了窗口。并随父窗口的关闭而关闭。directionsyes/no指定Navigator2和3的目录栏是否在新窗口中可见。heightpixelvalue设定新窗口的像素高度。hotkeysyes/no在没有菜单栏的新窗口设置安全退出热键。innerHeightpixelvalue设置新窗口中文档的像素高度。innerWidthpixelvalue设置新窗口中文档的像素宽度。locationyes/no指明位置栏在新窗口中是否可见。menubaryes/no指明菜单栏在新窗口中是否可见。outerHeightpixelvalue设定窗口(包括装饰边框)的像素高度。outerWidthpixelvalue设定窗口(包括装饰边框)的像素宽度。resizableyes/no指明新窗口是否可以调整。screenXpixelvalue设定新窗口离屏幕边界的像素长度。screenYpixelvalue设定新窗口离屏幕上边界的像素长度。scrollbarsyes/no指明滚动栏在新窗口中是否可见。titlebaryes/no指明菜单题目栏在新窗口是否可见。toolbaryes/no指明工具栏在新窗口中是否可见。Widthpixelvalue设定窗口的像素宽度。z-lookyes/no在文档中包含各个标签的数组。fullscreenyes/no打开的窗体是否进行全屏显示leftpixelvalue设定新窗口距屏幕左方的距离toppixelvalue设定新窗口距屏幕上方的距离例子:(七).location对象href整个URL字符串.protocol含有URL第一部分的字符串,如http:host包含有URL中主机名:端口号部分的字符串.如//www.cenpok.net/server/hostname包含URL中主机名的字符串.如http://www.cenpok.netport包含URL中可能存在的端口号字符串.pathnameURL中"/"以后的部分.如~list/index.htmhash"#"号(CGI参数)之后的字符串.search"?"号(CGI参数)之后的字符串.(八).按键捕捉1.Ctrl+Enter按键捕捉方法2.Alt加快捷键:Alt+A Alt+A(九).控制输入,非法字符不能输入到TextBox.onkeypress="if(event.keyCode<48||event.keyCode>57)event.returnValue=false;"id="txtY_Revenue"style="TEXT-ALIGN:right"runat="server"Width="90%"MaxLength="12">说明:此方法控制TextBox只收数字:0~9,也自可以定义其它可输入字符,如改成:65~123,只允许输入:a~z和A~Z等. -
网页制作常用Javascript语句
1.document.write("");输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)5.得到表单中元素的名称和值:document.getElementById("表单中元素的ID?").name(或value)6.一个小写转大写的JS:document.getElementById("output").value=document.getElementById("input").value.toUpperCase();7.JS中的值类型:String,Number,Boolean,Null,Object,Function8.JS中的字符型转换成数值型:parseInt(),parseFloat()9.JS中的数字转换成字符型:(""变量)10.JS中的取字符串长度是:(length)11.JS中的字符与字符相连接使用?.12.JS中的比较操作符有:==等于,!=不等于,>,>=,
-
实现DIV圆角的JavaScript代码
这个程序是个用来制作P圆角的开源javascript代码实现,效果和图像制作圆角一样的.它简单,易用,不用修改任何图像就能做到不同半径圆角....用这个代码你可以自由定制自己的DIV,不再是方形了.完全可以实现圆形个性DIV用法说明:以下说明将以一个半径为20像素圆角的DIV为例.实现div圆角的JavaScript代码.rar解压您下载的文件,上传到您的站点。然后复制代码如下和黏贴它入您的网页的顶头部分。如果您保存了文件到该网页目录外的任何地方,修正代码中的src值.===代码:
------------------------------B然后创造一个div。如果您已有div使用圆角,只要给这个div一个id就可以.===代码: ------------------------------C最后我们需要添加一段javascript来预载。在您的网页的顶头部分增加以下代码:以下是引用片段:========其中,radius表示半径,数值越大,圆角就越大.------------------------------------D现在可以运行了.呵呵-----------------------------------PS:*********如果你想搞成奇形怪状的圆角,你可以设置每个角都不同的半径.例如:以下是引用片段:settings={tl:{radius:20},tr:{radius:40},bl:{radius:60},br:{radius:80},antiAlias:true,autoPad:false}或者:settings={tl:{radius:20},tr:false,bl:false,br:{radius:80},antiAlias:true,autoPad:false}提示:tl-左上角tr=右上角bl=左下角br=右下角 -
网页常用Javascript
document.write("最后更新时间:"+document.lastModified+"")</script><!--setTimeout('window.close();',5000);--></script>functionbookmarkit(){window.external.addFavorite('http://你的网址','你的网站名称')}if(document.all)document.write('<ahref="#"onClick="bookmarkit()">加入收藏夹</a>')</script>functionclick(){if(event.button==2||event.button==3){alert('禁止鼠标右键');}document.onmousedown=click//--></script>vartimedate=newDate("December25,2003");vartimes="圣诞节";varnow=newDate();vardate=timedate.getTime()-now.getTime();vartime=Math.floor(date/(1000*60*60*24));if(time>=0)document.write("现在离"+times+"还有:"+time+"天")</script><!--Beginif(window.print){document.write('<form>'+'<inputtype=buttonname=printvalue="打印本页"'+'onClick="nojavascript...window.print()"></form>');}//End--></script>today=newDate();functiondate(){this.length=date.arguments.lengthfor(vari=0;i<this.length;i++)this[i+1]=date.arguments}vard=newdate("星期日","星期一","星期二","星期三","星期四","星期五","星期六");document.write("<fontcolor=##000000style='font-size:9pt;font-family:宋体'>",today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日",d[today.getDay()+1],"</font>");</script><!--vartext="";day=newDate();time=day.getHours();if((time>=0)&&(time<7))text="夜猫子,要注意身体哦!"if((time>=7)&&(time<12))text="今天天气……哈哈哈,不去玩吗?"if((time>=12)&&(time<14))text="午休时间哦,朋友一定是不习惯午睡的吧?!"if((time>=14)&&(time<18))text="下午茶的时间到了,休息一下吧!"if((time>=18)&&(time<=22))text="您又来了,可别和MM聊太久哦!"if((time>=22)&&(time<24))text="很晚了哦,注意休息呀!"document.write(text)//---></script>functionf1(){setInterval("mP.filters.wave.phase+=10",100);}if(document.all){document.write('<imgid=mPsrc="'+document.all.reflect.src+'"style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30)blur()flipv()">')window.onload=f1}</script><!--varWindowsheight=100varWindowswidth=100varnumx=5functionopenwindow(thelocation){temploc=thelocationif(!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById)){window.open(thelocation)return}windowsize=window.open("","","scrollbars")windowsize.moveTo(0,0)windowsize.resizeTo(100,100)tenumxt()}functiontenumxt(){if(Windowsheight>=screen.availHeight-3)numx=0windowsize.resizeBy(5,numx)Windowsheight+=5Windowswidth+=5if(Windowswidth>=screen.width-5){windowsize.location=templocWindowsheight=100Windowswidth=100numx=5return}setTimeout("tenumxt()",50)}//--></script><p><ahref="nojavascript...openwindow(http://www.sj33.cn)">进入</a>17.改变IE地址栏的IE图标我们要先做一个16*16的icon(图标文件),保存为index.ico。把这个图标文件上传到根目录下并在首页<head></head>之间加上如下代码:<linkREL="ShortcutIcon"href="index.ico">
-
JavaScript容易犯错的九个陷阱
以下是JavaScript容易犯错的九个陷阱。虽然不是什么很高深的技术问题,但注意一下,会使您的编程轻松些,即所谓makelifeeasier.笔者对某些陷阱会混杂一些评点。1.最后一个逗号如这段代码,注意最后一个逗号,按语言学角度来说应该是不错的(python的类似数据类型辞典dictionary就允许如此)。IE会报语法错误,但语焉不详,你只能用人眼从几千行代码中扫描。2.this的引用会改变如这段代码:
并不如你所愿,答案并不是”JavaScriptrules”。在执行MyObject.ClickHandler时,代码中红色这行,this的引用实际上指向的是document.getElementById("theText")的引用。可以这么解决: 实质上,这就是JavaScript作用域的问题。如果你看过,你会发现解决方案不止一种。3.标识盗贼在JavaScript中不要使用跟HTML的id一样的变量名。如下代码: IE会报对象未定义的错误。我只能说:IEsucks.4.字符串只替换第一个匹配如下代码:而实际上,结果是”This_isatitle“.在JavaScript中,String.replace的第一个参数应该是正则表达式。所以,正确的做法是这样:varfileName="Thisisatitle".replace(//g,"_");5.mouseout意味着mousein事实上,这是由于事件冒泡导致的。IE中有mouseenter和mouseleave,但不是标准的。作者在此建议大家使用库比如YUI来解决问题。6.parseInt是基于进制体系的这个是常识,可是很多人给忽略了parseInt还有第二个参数,用以指明进制。比如,parseInt("09"),如果你认为答案是9,那就错了。因为,在此,字符串以0开头,parseInt以八进制来处理它,在八进制中,09是非法,返回false,布尔值false转化成数值就是0.因此,正确的做法是parseInt("09",10).7.for...in...会遍历所有的东西有一段这样的代码:vararr=[5,10,15]vartotal=1;for(varxinarr){total=total*arr[x];}运行得好好的,不是吗?但是有一天它不干了,给我返回的值变成了NaN,晕。我只不过引入了一个库而已啊。原来是这个库改写了Array的prototype,这样,我们的arr平白无过多出了一个属性(方法),而for...in...会把它给遍历出来。所以这样做才是比较安全的:for(varx=0;x -
名词解释:JavaScript、Jscript、VBScript、ASP
VBScriptASP这也就是说,VBScript与Jscript两种脚本语言既能应用与客户端,也能应用与服务端。看看下面的例子:
或者://放在服务端页面第一行,表示该页默认使用Javascript脚本,在页面的其他地方使用,解释器就认为这是第一行定义的语言另外,.vbs与.js还能在被WindowScriptHost(WSH)所解释运行-->--> -
JavaScript基本数据结构
一、JavaScript代码的加入JavaScript的脚本包括在HTML中,它成为HTML文档的一部分。与HTML标识相结合,构成了一个功能强大的Internet网上编程语言。可以直接将JavaScript脚本加入文档:
JavaScript语言代码;JavaScript语言代码;....说明:通过标识指明JavaScript脚本源代码将放入其间。通过属性Language="JavaScript"说明标识中是使用的何种语言,这里是JavaScript语言,表示在JavaScript中使用的语言。下面是将JavaScript脚本加入Web文档中的例子:Test2.html document.Write("这是赛迪网互动学校");document.close();在浏览器的窗口中调用test2.html,则显示“这是赛迪网互动学校”字串。说明:Document.write()是文档对象的输出函数,其功能是将括号中的字符或变量值输出到窗口;document.close()是将输出关闭。可将标识放入head>..或...之间。将JavaScript标识放置...在头部之间,使之在主页和其余部分代码之前装载,从而可使代码的功能更强大;可以将JavaScript标识放置在...主体之间以实现某些部分动态地创建文档。二、基本数据类型JavaScript脚本语言同其它语言一样,有它自身的基本数据类型、表达式和算术运算符以及程序的基本框架结构。JavaScript提供了四种基本的数据类型用来处理数字和文字,而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。1、基本数据类型在JavaScript中四种基本的数据类型:数值(整数和实数)、字符串型(用“”号或‘’括起来的字符或数值)、布尔型(使True或False表示)和空值。在JavaScript的基本类型中的数据可以是常量,也可以变量。由于JavaScript采用弱类型的形式,因而一个数据的变量或常量不必首先作声明,而是在使用或赋值时确定其数据的类型的。当然也可以先声明该数据的类型,它是通过在赋值时自动说明其数据类型的。2、常量整型常量JavaScript的常量通常又称字面常量,它是不能改变的数据。其整型常量可以使用十六进制、八进制和十进制表示其值。实型常量实型常量是由整数部分加小数部分表示,如12.32、193.98。可以使用科学或标准方法表示:5E7、4e5等。布尔值布尔常量只有两种状态:True或False。它主要用来说明或代表一种状态或标志,以说明操作流程。它与C++是不一样的,C++可以用1或0表示其状态,而JavaScript只能用True或False表示其状态。字符型常量使用单引号(‘)或双引号(“)括起来的一个或几个字符。如"ThisisabookofJavaScript"、"3245"、"ewrt234234"等。空值JavaScript中有一个空值null,表示什么也没有。如试图引用没有定义的变量,则返回一个Null值。特殊字符同C语言一样,JavaScript中同样以有些以反斜杠(/)开头的不可显示的特殊字符。通常称为控制字符。3、变量变量的主要作用是存取数据、提供存放信息的容器。对于变量必须明确变量的命名、变量的类型、变量的声明及其变量的作用域。变量的命名JavaScript中的变量命名同其计算机语言非常相似,这里要注意以下两点:A、必须是一个有效的变量,即变量以字母开头,中间可以出现数字如test1、text2等。除下划线(-)作为连字符外,变量名称不能有空格、(+)、(-)、(,)或其它符号。B、不能使用JavaScript中的关键字作为变量。在JavaScript中定义了40多个类键字,这些关键是JavaScript内部使用的,不能作为变量的名称。如Var、int、double、true不能作为变量的名称。在对变量命名时,最好把变量的意义与其代表的意思对应起来,以免出现错误。变量的类型在JavaScript中,变量可以用命令Var作声明:varmytest;该例子定义了一个mytest变量。但没有赋予它的值。Varmytest=”Thisisabook”该例子定义了一个mytest变量,同时赋予了它的值。在JavaScript中,变量以可以不作声明,而在使用时再根据数据的类型来确其变量的类型。如:x=100y="125"xy=Truecost=19.5等。其中x整数,y为字符串,xy为布尔型,cost为实型。变量的声明及其作用域JavaScript变量可以在使用前先作声明,并可赋值。通过使用var关键字对变量作声明。对变量作声明的最大好处就是能及时发现代码中的错误;因为JavaScript是采用动态编译的,而动态编译是不易发现代码中的错误,特别是变量命名的方面。对于变量还有一个重要性──那就是变量的作用域。在JavaScript中同样有全局变量和局部变量。全局变量是定义在所有函数体之外,其作用范围是整个函数;而局部变量是定义在函数体之内,只对其该函数是可见的,而对其它函数则是不可见的。三、表达式和运算符1、表达式在定义完变量后,就可以对它们进行赋值、改变、计算等一系列操作,这一过程通常又叫称一个叫表达式来完成,可以说它是变量、常量、布尔及运算符的集合,因此表达式可以分为算术表述式、字串表达式、赋值表达式以及布尔表达式等。2、运算符运算符完成操作的一系列符号,在JavaScript中有算术运算符,如+、-、*、/等;有比较运算符如!=、==等;有逻辑布尔运算符如!(取反)、|、||;有字串运算如+、+=等。在JavaScript主要有双目运算符和单目运算符。其双目运算符由下列组成:操作数1运算符操作数2即由两个操作数和一个运算符组成。如50+40、"This"+"that"等。单目运算符,只需一个操作数,其运算符可在前或后。(1)算术运算符JavaScript中的算术运算符有单目运算符和双目运算符。双目运算符:+(加)、-(减)、*(乘)、/(除)、%(取模)、|(按位或)、&(按位与)、(右移)、>>>(右移,零填充)。单目运算符:-(取反)、~(取补)、++(递加1)、--(递减1)。(2)比较运算符比较运算符它的基本操作过程是,首先对它的操作数进行比较,尔后再返回一个true或False值,有8个比较运算符:(大于)、=(大于等于)、==(等于)、!=(不等于)。(3)布尔逻辑运算符在JavaScript中增加了几个布尔逻辑运算符:!(取反)、&=(与之后赋值)、&(逻辑与)、|=(或之后赋值)、|(逻辑或)、^=(异或之后赋值)、^(逻辑异或)、?:(三目操作符)、||(或)、==(等于)、|=(不等于)。其中三目操作符主要格式如下:操作数?结果1:结果2若操作数的结果为真,则表述式的结果为结果1,否则为结果2。四、范例下面是一个跑马灯效果的JavaScript文档。Test2_1.html varmsg="这是一个跑马灯效果的JavaScript文档";varinterval=100;varspacelen=120;varspace10="";varseq=0;functionScroll(){len=msg.length;window.status=msg.substring(0,seq+1);seq++;if(seq>=len){seq=spacelen;window.setTimeout("Scroll2();",interval);}elsewindow.setTimeout("Scroll();",interval);}functionScroll2(){varout="";for(i=1;i=len){seq=0;};window.setTimeout("Scroll2();",interval);}Scroll();本文介绍了JavaScript脚本是如何加入Web页面,并学习了JavaScript语言中的基本数据类型、变量、常量、操作运算符等。可以看出,对于已经掌握C++语言的人来说,学习JavaScript真是一件非常轻松愉快的事。