当前位置：首页 > 基本用法

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>

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

阅读全文

标签：,

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中的注释

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中在页面加载完成后执行操作

在pageLoaded函数中执行需要进行的操作。
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">
	
	function pageLoaded()
	{
		alert("do your work now");
	}
	
</script>

</head>
	
<body onload="pageLoaded()">
</body>
</html>

也可以执行多个操作。
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">
	
	function pageLoaded()
	{
		alert("do your work now");
	}
	function pageLoaded2()
	{
		alert("do your work now2");
	}

	
</script>

</head>
	
<body onload="pageLoaded();pageLoaded2();">
</body>
</html>

也可以直接指定执行较为复杂的操作。
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">
	
	function pageLoaded()
	{
		alert("do your work now");
	}
	
</script>

</head>
	
<body onload="alert('abc');setTimeout(pageLoaded,1000);">
</body>
</html>

阅读全文

标签：,

JavaScript中的定时器setTimeout和setInterval

定时执行一次window.setTimeout。
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">
	function showMsg()
	{
		alert("hello");
	}

	setTimeout(showMsg, 1000);
	
</script>

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

周期性执行window.setInterval。
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">
	
	function showMsg()
	{
		alert("hello");
	}
	
	setInterval(showMsg, 1000);

</script>

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

要结束setTimeout的定时器，可以使用window.clearTimeout。
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">
	function showMsg()
	{
		alert("hello");
	}
	
	var timer = setTimeout(showMsg, 1000);
	clearTimeout(timer)
</script>

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

要结束setInte...阅读全文

标签：,

JavaScript中使用window.resizeTo来调整窗口大小

请注意该方法在Firefox中有效，在IE中可能无效。
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">
	var newWin = window.open("test.htm","new","height=200,width=600,top=20,left=20",true);	
	newWin.resizeTo(800,600);
</script>

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

阅读全文

标签：

JavaScript中使用window.open打开新的页面

在新的浏览器中打开百度首页。
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">
	window.open("http://www.baidu.com");
</script>

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

在新的浏览器中打开另一网页。
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">
	window.open("test.htm","new","height=200,width=600,top=20,left=20");
</script>

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

阅读全文

标签：

12345...末页 »
返回页首返回页尾