当前位置:首页 > 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>

阅读全文

Javascript中的弹出提示对话框示例

1.提示信息,使用window.alert。代码示例
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">
	alert("this is alert");
</script>

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

运行效果 I
line
Firefo
line
2.确认信息,使用window.confirm。代码示例
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">
	if(confirm("Are you sure"))
	{
		alert("y");
	}
	else
	{
		alert("n");
	}
</script>

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

运行效果 I
line
Firefo
line
3.输入框,使用window.promp...
阅读全文

JavaScript中数字与字符串的相互转换

字符串转整型parseIn
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">

	var number = parseInt("123")
	alert(number + 1);
	
</script>

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

字符串转float型parseFloa
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">

	var number = parseFloat("11.23")	
	alert(number);
	
</script>

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

如果解析结果不是数字,则结果值是NaN,可以通过isNaN函数来判断。
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">

	var number = parseInt("zzz")
	
	if(isNaN(number))
	{
		alert("error");
	}
	
</script>

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

数字转字符串
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">

	var number = 123;
	alert(number.toString()+"!");
	
</script>

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

阅读全文

返回页首返回页尾