解决JS中单引号导致页面报错的方法

作者:微光时间:2026-10-23 19:02:05浏览:513

本文介绍在JavaScript中通过onclick事件传递包含单引号的参数时,如何避免页面加载报错。通过引入隐藏域(hidden input)存储Bean数据,并在JS函数中读取该值,可有效解决单引号引发的语法错误问题。

单引号导致的JS报错问题

代码如下:

<script>
function showMessage(msg){
alert(msg)
} 
</script>
<form name="formName" >
<input type="button" value="showMessage" onclick="showMessage('<bean:write name="beanName" property="beanProperty" ignore="true">')">
</form>

当从bean获取的值包含单引号时,页面加载会触发JS错误。可采用下述方案解决。


使用隐藏域解决参数传递问题

代码如下:

<script>
</script>
<form name="formName" >
<input type="button" value="showMessage" onclick="showMessage()">
<input type="hidden" name="msg" value="<bean:write name="beanName" property="beanProperty" ignore="true">" />
</form>
function showMessage(){
var msg=document.formName.msg.value;
alert(msg)
}
作者最新文章