|
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2009-04-11
最后修改：2009-04-11
就我个人在学习和使用JavaScript过程中，感觉该语言逻辑很混乱，有时会出现莫名其妙的错误，并且没有很好的开发工具，调试起来很是费神费时，然而在web开发中JavaScript充当着很重要的角色，令我很是苦恼，希望可以通过长期的学习和编码积累经验从而得到进步。 JavaScript简介 JavaScript数据类型 算术运算符 比较运算符 逻辑运算符 条件运算符：(condition) ? trueVal : falseVal ；例子：status = (age >= 18) ? "adult" : "minor" JavaScript数组 var mycars=new Array(); mycars[0]="Saab"; mycars[1]="Volvo"; mycars[2]="BMW"; 也可以使用一个整数自变量来控制数组的容量： var mycars=new Array(3); mycars[0]="Saab"; mycars[1]="Volvo"; mycars[2]="BMW"; 还有一种定义方式 var mycars=new Array("Saab","Volvo","BMW");
在访问数组是同java一样的，mycars[0]，下标也是从0开始。 JavaScript多维数组 MyArray = new Array(5,5); MyArray[0, 0] = "Ryan Dias"; MyArray[0, 1] = 1; MyArray[1, 0] = "Mike Donne"; MyArray[1, 1] = 2; JavaScript try...catch throw使用 <html>
<body>
<script type="text/javascript">
var x=prompt("Enter a number between 0 and 10:","")
try
{
if(x>10)
throw "Err1";
else if(x<0)
throw "Err2";
}
catch(er)
{
if(er=="Err1")
alert("Error! The value is too high");
if(er == "Err2")
alert("Error! The value is too low");
}
</script>
</body>
</html>
如果 x 的值大于 10 或者小于 0，错误就会被抛出 (throw)。这个错误被 catch 的参数捕获后，就会显示出自定义的出错信息。 JavaScript for...in语句使用 <HTML>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
color = new Array("红色","蓝色","绿色");
for (var prop in color){
var record = "color " ;
record+=prop+"="+color[prop] + "<BR>";
document.write(record);
}
</SCRIPT>
</BODY>
</HTML>
JavaScript new语句使用 <HTML>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
function employee(name, code, designation) {
this.name = name
this.code = code
this.designation = designation
}
newemp = new employee("John Dias", "A001", "职员");
document.write("雇员姓名：" + newemp.name + "<BR>");
document.write("雇员代号：" + newemp.code + "<BR>");
document.write("头衔：" + newemp.designation);
</SCRIPT>
</BODY>
</HTML>
JavaScript with语句使用 <HTML>
<BODY>
<SCRIPT LANGUAGE ="JavaScript">
var a, b, c;
var r=10;
with (Math) {
a = PI * r * r;
b = r * cos(PI);
c = r * sin(PI/2);
}
document.write (a +"<BR>");
document.write (b +"<BR>");
document.write (c +"<BR>");
</SCRIPT>
</BODY>
</HTML>
JavaScript 字符串对象 <HTML>
<BODY>
<script language = "Javascript">
var bstr = "大号";
var sstr = "小号";
var blstr = "粗体";
var blkstr = “闪烁”;
var ucase = "大写";
var lcase = "小写";
document.write ("<BR>这是"+ bstr.big() + "文本");
document.write ("<BR>这是"+ sstr.small() +"文本");
document.write ("<BR>这是"+ blstr.bold() + "文本");
document.write ("<BR>这是"+ blkstr.blink() + "文本");
document.write ("<BR>这是"+ ucase.toUpperCase() + "文本");
document.write ("<BR>这是"+ lcase.toLowerCase() + "文本");
</script>
</BODY>
</HTML>
字符串左右两端空格处理方法 <html>
<head>
<title>js String Object</title>
<script language="javascript">
//此处为string类添加三个成员
String.prototype.Trim = function(){ return Trim(this);}
String.prototype.LTrim = function(){return LTrim(this);}
String.prototype.RTrim = function(){return RTrim(this);}
//此处为独立函数
function LTrim(str)//去除左边空格
{
var i;
for(i=0;i<str.length;i++)
{
if(str.charAt(i)!=" "&&str.charAt(i)!=" ")break;
}
str=str.substring(i,str.length);
return str;
}
function RTrim(str)//去除右边空格
{
var i;
for(i=str.length-1;i>=0;i--)
{
if(str.charAt(i)!=" "&&str.charAt(i)!=" ")break;
}
str=str.substring(0,i+1);
return str;
}
function Trim(str)//去除左右两边空格
{
return LTrim(RTrim(str));
}
</script>
<head>
<body>
<script>alert(" string ".LTrim(this).length);</script>
<script>alert(" string ".RTrim(this).length);</script>
<script>alert(" string ".Trim(this).length);</script>
</body>
</html>
JavaScript RegExp(正则表达式)对象 /**语法1 re = new RegExp("pattern",["flags"]);
语法2 re = /pattern/[flags];
可选项。如果使用语法 2 要用引号将 flag 引起来。标志可以组合使用，可用的有：
g （全文查找出现的所有 pattern）
i （忽略大小写）
m （多行查找）*/
var pattern1 = new RegExp("e","g");
var pattern2 = new RegExp(/^[1-9]\d*$/);
var pattern3 = /^[1-9]\d*$/;
RegExp 对象有 3 个方法：test()、exec() 以及 compile()。 <html>
<body>
<script type="text/javascript">
function CompileDemo(){
var rs;
var s = "AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPp";
// 只为大写字母创建正则表达式。
var r = new RegExp("[A-Z]", "g");
var a1 = s.match(r); // 查找匹配。
// 只为小写字母编译正则表达式。
r.compile("[a-z]", "g");
var a2 = s.match(r); // 查找匹配。
return(a1 + "\n" + a2);
}
alert(CompileDemo());
</script>
</body>
</html>
JavaScript---获取事件信息 HTML事件
Navigator 对象的方法 Window对象的属性： Window对象的方法：
Document 对象的方法
Location 对象的属性 Location 对象的方法 History 对象的属性 History 对象的方法 声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
浏览 3486 次
