1. 程式人生 > >spring boot:使用Thymeleaf+Amaze UI出現的未知BUG

spring boot:使用Thymeleaf+Amaze UI出現的未知BUG

功能描述:使用<button>的onclick事件觸發js來提交表單

<input type="button" value="編輯" class="am-btn am-btn-default am-btn-xs am-text-secondary" th:onclick="'EditMenu(\''+${menu.menuId}+'\');'"/>

<script th:inline="javascript">
/*<![CDATA[*/
    
    function EditMenu(menuId){
		
		var src = contextPath + "admin/editmenu?menuId="+menuId;
		 window.location.href=src;/*用button標籤時這個跳不了 */
		/* window.open(src);  button標籤這個可以跳 */
	}

/*]]>*/
</script>


症狀:

嘗試1:成功呼叫js,在執行window.location.href=src前後都能在控制檯輸出語句,唯獨window.location.href=src不能跳轉

嘗試2:將window.location.href=src的地址改為https://www.baidu.com/亦不能跳轉

嘗試3:將window.location.href=src改為window.open(src)成功在新頁面開啟

嘗試4:拋棄button按鈕,使用input按鈕,window.location.href=src成功跳轉

未知:為何使用button標籤時js裡的location會無效?