当前位置:首页

JavaScript字符串String常用方法

获得字符串长度

<script type="text/javascript">
	var str = "abc";
	alert(str.length);
</script>

获得Unicode编码所表示的字符串

<script type="text/javascript">
	var str = String.fromCharCode(24046,24322);//结果是“差异”
	alert(str);
</script>

获得字符所对应的Unicode编码

<script type="text/javascript">
	var str = "不明白";
	alert(str.charCodeAt(2));
</script>

获得字符串指定位置的字符

<script type="text/javascript">
	var str = "abcdefg";
	alert(str.charAt(5));//结果是"f"
</script>

连接多个字符串,得到新的字符串

<script type="text/javascript">
	var str = "123";
	alert(str.concat("abc","456","xyz","789"));
</script>

查找某字符串首次出现的位置

<script type="text/javascript">
	var str = "123456789abc";
	alert(str.indexOf("bc"));
</script>

查找某字符串最后一次出现的位置 ...

阅读全文

Java中使用with关键字表示命名空间

JavaScript中的with关键字,类似于C#语言中的using关键字,有表示“命名空间”的含义。 不使用with关键字
<script type="text/javascript">
	x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10);
	y = Math.tan(14 * Math.E);	
</script>

使用with关键字
<script type="text/javascript">
	with(Math)
	{
		x = cos(3 * Math.PI) + sin(Math.LN10);
		y = tan(14 * Math.E);		
	}
</script>

阅读全文

JavaScript中声明函数

注意JavaScript中声明函数,不像C++/Java等语言一样通过funcname(int a)或funcname(var a)的方式。 以下代码声明并调用函数processClic...阅读全文

JavaScript中使用数组

新建数组,添加元素,遍历数组
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">
	function processClick()
	{
		var arr = new Array();
		arr.push("abc");
		arr.push("def");
		
		for(var i=0;i<arr.length;i++)
		{
			alert(arr[i]);
		}
	}
</script>

</head>
	
<body>

<div style="width:1920px;min-height:1080px" >
	<a href="#" onClick="processClick();">show</a>
</div>

</body>
</html>

新建数组还可以通过如下方式
<script type="text/javascript">
	var arr = [];
	var arr = ["1","xy","ss"];
	var arr = new Array("1","xy","ss");
	var arr = new Array(5);
</script>

阅读全文

JavaScript中的变量有效范围

与C/C++语言不同,在花括号中定义的变量,在花括号外同样有效。
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">
	function processClick()
	{
		{
			var v1 = "abc";
		}
		alert(v1);
	}
</script>

</head>
	
<body>

<div style="width:1920px;min-height:1080px" >
	<a href="#" onClick="processClick();">show</a>
</div>

</body>
</html>

但在函数内定义的变量,在函数的花括号外就无效了。
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">
	function processClick()
	{
		{
			var v1 = "abc";
		}
	}
	alert(v1);
</script>

</head>
	
<body>

<div style="width:1920px;min-height:1080px" >
	<a href="#" onClick="processClick();">show</a>
</div>

</body>
</html>

阅读全文

JavaScript中通过typeof和instanceof判断类型

typeof运算符的返回结果是一个字符串,反映对象的类型信息。
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">

	
	function processClick()
	{
		alert(typeof(1));
		alert(typeof("1"));
	}

</script>

</head>
	
<body>

<div style="width:1920px;min-height:1080px" >
	<a href="#" onClick="processClick();">show</a>
</div>

</body>
</html>

typeof操作符用于判断对象是否为某个类的实例。
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">

	
	function processClick()
	{
		var date = new Date();
		if(date instanceof Date)
		{
			alert("yes");
		}
	}

</script>

</head>
	
<body>

<div style="width:1920px;min-height:1080px" >
	<a href="#" onClick="processClick();">show</a>
</div>

</body>
</html>

阅读全文

JavaScript中的注释

JavaScript支持C语言风格的注释:/*...*
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">

	
	function processClick()
	{
		/*alert("a");*/
		alert("b");
	}

</script>

</head>
	
<body>

<div style="width:1920px;min-height:1080px" >
	<a href="#" onClick="processClick();">show</a>
</div>

</body>
</html>

JavaScript也支持C++语言风格的注释://...
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">

	
	function processClick()
	{
		//alert("a");
		alert("b");
	}

</script>

</head>
	
<body>

<div style="width:1920px;min-height:1080px" >
	<a href="#" onClick="processClick();">show</a>
</div>

</body>
</html>

阅读全文

JavaScript语句的结束需要分号吗?

JavaScript使用分号“;”来表示一条语句的结束,但不将此作为强制性的要求。 JavaScript的解释器对语法的检查比较宽松,即使结尾处不加分号,通常也可以正常运行。 但是...阅读全文

JavaScript中的模态对话框和非模态对话框。

请注意,此处的方法在IE中有效,在Firefox中可能无效。 模态对话框
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">
	
	function showDialog()
	{
		window.showModalDialog("test.htm","","","dialogWidth=60px;dialogHeight=100px;");
	}

</script>

</head>
	
<body>

<a href="#" onClick="showDialog();">show</a>
</body>
</html>

非模态对话框
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">
	
	function showDialog()
	{
		window.showModelessDialog("test.htm","","","dialogWidth=60px;dialogHeight=100px;");
	}

</script>

</head>
	
<body>

<a href="#" onClick="showDialog();">show</a>
</body>
</html>

阅读全文

JavaScript中获取屏幕分辨率

通过screen.width和screen.height可以获取到屏幕的分辨率。
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">
	alert(screen.width);
	alert(screen.height);	
</script>

</head>
	
<body>
</body>
</html>

阅读全文

返回页首返回页尾