【JavaScript】a標簽onclick傳遞參數不對,A標簽調用js函數寫法總結
阿新 • • 發佈:2017-10-30
狀態欄 ring pos val tracking 使用 直接 修改 track
錯誤示例:
- <a href="javascript:waterLineEdit(${goods.goods_id})" >修改 </a>
- <!-- 瀏覽器中會實際是下面的那樣 -->
- <a href="javascript:waterLineEdit(20151333)" >修改 </a>
A標簽調用js函數寫法總結:
1、第一種寫法- href="javascript:js_method();"
- href="javascript:void(0);" onclick="js_method()"
- href="javascript:;" onclick="js_method()"
這種方法跟跟2種類似,區別只是執行了一條空的js代碼。
4、第四種寫法
- href="#" onclick="js_method()"
這種方法也是網上很常見的代碼,#是標簽內置的一個方法,代表top的作用。所以用這種方法點擊後網頁後返回到頁面的最頂端。
5、第五種寫法
- href="#" onclick="js_method();return false;"
綜合上述,在a中調用js函數最適當的方法推薦使用:
- href="javascript:void(0);" onclick="js_method()"
- href="javascript:;" onclick="js_method()"
- href="#" onclick="js_method();return false;"
JS中字符對象需要用引號:
於是照著修改,結果發現還是不對。最後才發現原來是沒有添加引號導致的
- <a href="javascript:void(0)" onclick="waterLineEdit(‘${goods.goods.goods_id}‘)">修改 </a>
- <!-- 上面寫法才是正確的,如果按照下面寫法最後js可能認為傳入了一個對象。而不是String -->
- <a href="javascript:void(0)" onclick="waterLineEdit(${goods.goods.goods_id})">修改 </a>
【JavaScript】a標簽onclick傳遞參數不對,A標簽調用js函數寫法總結