JavaScript學習筆記之function函式改變form表單的action跳轉到指定頁面
阿新 • • 發佈：2019-02-04
<body> <form name="form1" action="" method="post"> 患者名字:<input type="text" name="username" value="zhang" /><br /><br /> <input type="button" name="ok" value="列印患者資訊" onclick="printPerson()" /> <input type="button" name="ok" value="查詢患者資訊" onclick="selectPerson()" /> </form> <script language="javascript"> //通過獲取JavaScript函式的方式訪問printPerson.html和selectPerson.html function printPerson(){ //1:獲取表單 var form1 = document.form1; //2.設定表單的action屬性 form1.action="printPerson.html"; //3.提交表單 form1.submit(); } function selectPerson(){ //1.獲取表單 var form1 = document.forms[0];//從0開始,即第一個表單開始 //2.設定表單的action屬性 form1.action="selectPerson.html"; //3.提交表單 form1.submit(); } </script> </body>
printPerson.html頁面：
<body>
<p>列印患者資訊</p>
</body>selectPerson.html頁面:
<body>
<b>查詢患者資訊</b>
</body>