javascript 小知识-优快云博客

本文介绍了使用JavaScript进行网页对话框提示、表单提交控制及页面刷新等操作的方法，包括alert、confirm、prompt对话框的应用，form表单提交验证，以及通过多种方式实现页面刷新和自动跳转。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1,对话框:
提示对话框:alert('提示信息');
确认对话框:confirm('确定要删除吗?')
应用,例如一个超级链接中:<a href="url" target="_self" onclick="return confirm('确定要删除吗?')">,当点击"是"时,跳转到连接的URL,点击"否"时,不执行跳转.
输入对话框:prompt('标题','默认文本'),返回输入的信息;
str = window.prompt('提示字符串','缺省文本');
alert(str);
---------------------------------------------------------------------
2,form表单的跳转(action):<form name="form1" action="url" method="post" onsubmit="return check('oksubmit')" >,当点击提交按钮时,执行javascript函数check('oksubmit'),该函数返回boolean值,如果返回true,这执行跳转动作,如果返回false,则不执行跳转动作.
或者<form name="form1" action="url" method="post" onsubmit="return false" >,表单是否跳转写在提交按钮执行的javascript函数中,在javascript函数中写:form1.submit()
---------------------------------------------------------------------
3,Javascript刷新页面的几种方法：
(1) history.go(0)
(2) location.reload()
(3) location=location
(4) location.assign(location)
(5) document.execCommand('Refresh')
(6) window.navigate(location)
(7) location.replace(location)
(8) document.URL=location.href
---------------------------------------------------------------------
4,自动刷新页面的方法:
(1).页面自动刷新：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次页面.
(2).页面自动跳转：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20;url=http://www.wyxg.com">
其中20指隔20秒后跳转到http://www.wyxg.com页面
(3).页面自动刷新js版
<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>
---------------------------------------------------------------------
5,JS刷新框架的脚本语句
//如何刷新包含该框架的页面用
<script language=JavaScript>
parent.location.reload();
</script>
//子窗口刷新父窗口
<script language=JavaScript>
self.opener.location.reload();
</script>
( 或 <a href="javascript:opener.location.reload()">刷新</a> )
//如何刷新另一个框架的页面用
<script language=JavaScript>
parent.另一FrameID.location.reload();
</script>
如果想关闭窗口时刷新或者想开窗时刷新的话，在<body>中调用以下语句即可。
<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新
<script language="javascript">
window.opener.document.location.reload()
</script>
---------------------------------------------------------------------
6,定位网页中的不同资源获取本地网页的URL
location.href：URL全局的值
location.protocol：URL内的http和ftp协议部分的值
location.hostname：URL内的主机名部分的值
location.pathname：URL内的路径名称部分的值
location.port：URL内的端口号的值
location.host：主机名和端口号部分的值
---------------------------------------------------------------------
7,返回上一次打开的链接
javascript:history.go(-1);
---------------------------------------------------------------------
8,获得参数:
得到数组:mainKinds = request.getParameterValues("mainKind") ;
得到单数值:mainKind = request.getParameter("mainKind") ;