解决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)
}作者最新文章
JavaScript零基础入门:从环境搭建到运行第一段代码
2026-11-05 15:29:58
HTML链接中javascript:void(0)的作用及现代替代方案
2026-11-05 10:07:47
在线调试 JS 时怎么引入 jQuery 或 Vue 等第三方库
2026-11-05 08:53:56
原生JavaScript实现简易颜色选择器原理与代码
2026-11-03 23:22:19
JS原生表单序列化:FormData与URLSearchParams用法详解
2026-11-03 23:13:21
相关标签:
