HTML DOM action 属性
JavaScript基础 2022-06-08 15:51:28小码哥的IT人生shichen
HTML DOM action 属性
定义和用法
action 属性可设置或返回表单的 action 属性。
action 属性定义了当表单被提交时数据被送往何处。
语法
formObject.action=URL
实例
下面的例子可更改表单的 action URL:
<html>
<head>
<script type="text/javascript">
function changeAction()
{
var x=document.getElementById("myForm")
alert("Original action: " + x.action
)
x.action="index.php"
alert("New action: " + x.action
)
x.submit()
}
</script>
</head>
<body>
<form id="myForm" action="js_examples.php">
Name: <input type="text" value="Mickey Mouse" />
<input type="button" onclick="changeAction()"
value="Change action attribute and submit form" />
</form>
</body>
</html>
TIY
完整实例【更改表单的 action 属性】:
<html>
<head>
<script type="text/javascript">
function changeAction()
{
var x=document.getElementById("myForm")
alert("Original action: " + x.action)
x.action="http://www.phpcodeweb.com/news/93.html"
alert("New action: " + x.action)
x.submit()
}
</script>
</head>
<body>
<form id="myForm" action="/i/eg_smile.gif">
名称:<input type="text" value="米老鼠" />
<input type="button" onclick="changeAction()"
value="改变 action 属性并提交表单" />
</form>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html