html标签中的事件参数带空格或其他特殊字符处理

原创于 2017-06-20 14:11:35 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #html #ViewUI

本文介绍了如何处理HTML中带有空格的图片路径和文本信息，通过使用encodeURI进行编码来确保图片显示正常及文本正确传递。


<a href=javascript: onclick=toBigImg("'+encodeURI("www.xxx.com/x x x.png")+'")><img id="imgUrl" width=80  name="icon" src="'+data+'"  alt="礼品图片" /></a>

由于x x x.png名字中包含了空格, 所以直接报错...
现在的需求:上述代码中toBigImg函数会弹出一个window来展示大图.toBigImg中传入了一个带空格的地址!!!...这种情况直接把地址用encodeURI编码一次就行了.toBigImg函数中拿到地址直接放入img标签的src中就能直接读取图片了

2.


<a href=javascript: onclick=toBigImg("'+encodeURI("文 本 信 息")+'")><img id="imgUrl" width=80  name="icon" src="'+data+'"  alt="礼品图片" /></a>

如果toBigImg函数中仅仅想取到这个带空格的文本, 那就传入前先encodeURI编码, 获取后再decodeURI解码就行了