45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 电脑教程 > 阅读资讯:JavaScript的方法技巧大全

JavaScript的方法技巧大全

2016-08-27 18:36:50 来源:www.45fan.com 【

JavaScript的方法技巧大全

这篇介绍javascript方面的日志,我在是Clang上看到的。作者介绍挺全面的,所以转载过来让感兴趣的朋友看一下。呵呵~~~

有些时候你精通一门语言,但是会发现你其实整天在和其它语言打交道,也许你以为这些微不足道,不至于影响你的开发进度,但恰恰是这些你不重视的东西会浪费你很多时间,我一直以为我早在几年前就已经精通JavaScript了,直到目前,我才越来越觉得JavaScript远比我想象的复杂和强大,我开始崇拜它,
趁着节日的空隙,把有关JavaScript的方法和技巧整理下,让每个在为JavaScript而烦恼的人明白,JavaScript就这么回事!并希望JavaScript还可以成为你的朋友,让你豁然开朗,在项目中更好的应用~

适合阅读范围:对JavaScript一无所知~离精通只差一步之遥的人
基础知识:HTML


JavaScript就这么回事1:基础知识

1 创建脚本块

JavaScript的方法技巧大全<scriptlanguage=”JavaScript”>
JavaScript的方法技巧大全 JavaScriptcodegoeshere
JavaScript的方法技巧大全
</script>
JavaScript的方法技巧大全
JavaScript的方法技巧大全

2 隐藏脚本代码

 

JavaScript的方法技巧大全1:<scriptlanguage=”JavaScript”>
JavaScript的方法技巧大全2:<!--
JavaScript的方法技巧大全3:document.write(“Hello”);
JavaScript的方法技巧大全
4://-->
JavaScript的方法技巧大全5:</script>


在不支持JavaScript的浏览器中将不执行相关代码

3 浏览器不支持的时候显示

JavaScript的方法技巧大全1:<noscript>
JavaScript的方法技巧大全2:Hellotothenon-JavaScriptbrowser.
JavaScript的方法技巧大全
3:</noscript>

4 链接外部脚本文件

JavaScript的方法技巧大全1:<scriptlanguage=”JavaScript”src="/”filename.js"></script>


5 注释脚本

JavaScript的方法技巧大全1://Thisisacomment
JavaScript的方法技巧大全2:document.write(“Hello”);//Thisisacomment
JavaScript的方法技巧大全JavaScript的方法技巧大全3:/*
JavaScript的方法技巧大全4:Allofthis
JavaScript的方法技巧大全5:isacomment
JavaScript的方法技巧大全6:
*/

6 输出到浏览器

JavaScript的方法技巧大全1:document.write(“<strong>Hello</strong>”);

7 定义变量

JavaScript的方法技巧大全1:varmyVariable=“somevalue”;

8 字符串相加

JavaScript的方法技巧大全1:varmyString=“String1”+“String2”;

9 字符串搜索

JavaScript的方法技巧大全1:<scriptlanguage=”JavaScript”>
JavaScript的方法技巧大全2:<!--
JavaScript的方法技巧大全3:varmyVariable=“Hellothere”;
JavaScript的方法技巧大全
4:vartherePlace=myVariable.search(“there”);
JavaScript的方法技巧大全
5:document.write(therePlace);
JavaScript的方法技巧大全
6://-->
JavaScript的方法技巧大全7:</script>

10 字符串替换

JavaScript的方法技巧大全1:thisVar.replace(“Monday”,”Friday”);


11 格式化字串

JavaScript的方法技巧大全1:<scriptlanguage=”JavaScript”>
JavaScript的方法技巧大全2:<!--
JavaScript的方法技巧大全3:varmyVariable=“Hellothere”;
JavaScript的方法技巧大全
4:document.write(myVariable.big()+<br/>”);
JavaScript的方法技巧大全
5:document.write(myVariable.blink()+<br/>”);
JavaScript的方法技巧大全
6:document.write(myVariable.bold()+<br/>”);
JavaScript的方法技巧大全
7:document.write(myVariable.fixed()+<br/>”);
JavaScript的方法技巧大全
8:document.write(myVariable.fontcolor(“red”)+<br/>”);
JavaScript的方法技巧大全
9:document.write(myVariable.fontsize(“18pt”)+<br/>”);
JavaScript的方法技巧大全
10:document.write(myVariable.italics()+<br/>”);
JavaScript的方法技巧大全
11:document.write(myVariable.small()+<br/>”);
JavaScript的方法技巧大全
12:document.write(myVariable.strike()+<br/>”);
JavaScript的方法技巧大全
13:document.write(myVariable.sub()+<br/>”);
JavaScript的方法技巧大全
14:document.write(myVariable.sup()+<br/>”);
JavaScript的方法技巧大全
15:document.write(myVariable.toLowerCase()+<br/>”);
JavaScript的方法技巧大全
16:document.write(myVariable.toUpperCase()+<br/>”);
JavaScript的方法技巧大全
17:
JavaScript的方法技巧大全
18:varfirstString=“MyString”;
JavaScript的方法技巧大全
19:varfinalString=firstString.bold().toLowerCase().fontcolor(“red”);
JavaScript的方法技巧大全
20://-->
JavaScript的方法技巧大全21:</script>

12 创建数组

JavaScript的方法技巧大全1:<scriptlanguage=”JavaScript”>
JavaScript的方法技巧大全2:<!--
JavaScript的方法技巧大全3:varmyArray=newArray(5);
JavaScript的方法技巧大全
4:myArray[0]=“FirstEntry”;
JavaScript的方法技巧大全
5:myArray[1]=“SecondEntry”;
JavaScript的方法技巧大全
6:myArray[2]=“ThirdEntry”;
JavaScript的方法技巧大全
7:myArray[3]=“FourthEntry”;
JavaScript的方法技巧大全
8:myArray[4]=“FifthEntry”;
JavaScript的方法技巧大全
9:varanotherArray=newArray(“FirstEntry”,”SecondEntry”,”ThirdEntry”,”FourthEntry”,”FifthEntry”);
JavaScript的方法技巧大全
10://-->
JavaScript的方法技巧大全11:</script>

13 数组排序

JavaScript的方法技巧大全1:<scriptlanguage=”JavaScript”>
JavaScript的方法技巧大全2:<!--
JavaScript的方法技巧大全3:varmyArray=newArray(5);
JavaScript的方法技巧大全
4:myArray[0]=“z”;
JavaScript的方法技巧大全
5:myArray[1]=“c”;
JavaScript的方法技巧大全
6:myArray[2]=“d”;
JavaScript的方法技巧大全
7:myArray[3]=“a”;
JavaScript的方法技巧大全
8:myArray[4]=“q”;
JavaScript的方法技巧大全
9:document.write(myArray.sort());
JavaScript的方法技巧大全
10://-->
JavaScript的方法技巧大全11:</script>

14 分割字符串

JavaScript的方法技巧大全1:<scriptlanguage=”JavaScript”>
JavaScript的方法技巧大全2:<!--
JavaScript的方法技巧大全3:varmyVariable=“a,b,c,d”;
JavaScript的方法技巧大全
4:varstringArray=myVariable.split(“,”);
JavaScript的方法技巧大全
5:document.write(stringArray[0]);
JavaScript的方法技巧大全
6:document.write(stringArray[1]);
JavaScript的方法技巧大全
7:document.write(stringArray[2]);
JavaScript的方法技巧大全
8:document.write(stringArray[3]);
JavaScript的方法技巧大全
9://-->
JavaScript的方法技巧大全10:</script>

15 弹出警告信息

JavaScript的方法技巧大全1:<scriptlanguage=”JavaScript”>
JavaScript的方法技巧大全2:<!--
JavaScript的方法技巧大全3:window.alert(“Hello”);
JavaScript的方法技巧大全
4://-->
JavaScript的方法技巧大全5:</script>

16 弹出确认框

JavaScript的方法技巧大全1:<scriptlanguage=”JavaScript”>
JavaScript的方法技巧大全2:<!--
JavaScript的方法技巧大全3:varresult=window.confirm(“ClickOKtocontinue”);
JavaScript的方法技巧大全
4://-->
JavaScript的方法技巧大全5:</script>

17 定义函数

JavaScript的方法技巧大全1:<scriptlanguage=”JavaScript”>
JavaScript的方法技巧大全2:<!--
JavaScript的方法技巧大全JavaScript的方法技巧大全3:functionmultiple(number1,number2){
JavaScript的方法技巧大全
4:varresult=number1*number2;
JavaScript的方法技巧大全
5:returnresult;
JavaScript的方法技巧大全
6:}

JavaScript的方法技巧大全7://-->
JavaScript的方法技巧大全8:</script>

18 调用JS函数

JavaScript的方法技巧大全1:<ahref=”#”onClick=”functionName()”>Linktext</a>
JavaScript的方法技巧大全2:<ahref="/”javascript:functionName"()”>Linktext</a>

19 在页面加载完成后执行函数

JavaScript的方法技巧大全1:<bodyonLoad=”functionName();”>
JavaScript的方法技巧大全2:Bodyofthepage
JavaScript的方法技巧大全3:
</body>


20 条件判断

JavaScript的方法技巧大全1:<script>
JavaScript的方法技巧大全2:<!--
JavaScript的方法技巧大全3:varuserChoice=window.confirm(“ChooseOKorCancel”);
JavaScript的方法技巧大全
4:varresult=(userChoice==true)?“OK”:“Cancel”;
JavaScript的方法技巧大全
5:document.write(result);
JavaScript的方法技巧大全
6://-->
JavaScript的方法技巧大全7:</script>

 

 

本文地址:http://www.45fan.com/dnjc/68543.html
Tags: 方法 JavaScript 技巧
编辑:路饭网
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部