js FLASH幻灯片字符串中有连接符&的处理方法

 更新时间:2012年03月01日 15:23:15   作者:  
一般情况下我们在FLASH幻灯片字符串中有连接符时点击链接就会不正常,造成链接中的参数丢失,那么就需要用encodeURIComponent来对链接地址进行编码
复制代码 代码如下:

<script type="text/javascript">
varconfig='6|0xffffff|0x0099ff|50|0xffffff|0x0099ff|0x000000';
varfiles='https://www.jb51.net/bbs/attachments/month_1001/10010519247f1786dc556829c5.jpg|https://www.jb51.net/bbs/attachments/month_1001/1001060845f046a796b52d112f.jpg|https://www.jb51.net/bbs/attachments/month_1001/10010812174b26936d6961598a.png|https://www.jb51.net/bbs/attachments/month_1001/1001061531c89399912d217be4.png|https://www.jb51.net/bbs/ttachments/month_1001/1001071315a59155ffb750a427.jpg|https://www.jb51.net/bbs/attachments/month_1001/1001071933febe3e795de1dcdb.jpg';
varlinks='PageView.asp?id=36&cid=42&Lid=34|PageView.asp?id=36&cid=42|http://www.renren.com|http://www.ifeng.com/|http://www.tudou.com/|http://www.http://www.skycn.com/';
vartexts='【模板参选】华为2009年PPT模板|【模板参选】中国移动援博2009年PPT模板|超酷CIG企業演示PPT|急求:立体的对号和错号|2010年标 新|画轴开启、书法动画、画轴闭合';
varflashvars=[
'config='+encodeURIComponent(config)
,'files='+encodeURIComponent(files)
,'links='+encodeURIComponent(links)
,'texts='+encodeURIComponent(texts)
].join("&");
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="100%" height="198">');
document.write('<param name="movie" value="https://www.jb51.net/bbs/images/xshow/focus.swf" />');
document.write('<param name="quality" value="high" />');
document.write('<param name="menu" value="false" />');
document.write('<param name="wmode" value="transparent" />');
document.write('<param name="flashvars" value="'+flashvars+'" />');
document.write('<embed src="https://www.jb51.net/bbs/images/xshow/focus.swf" wmode="opaque" flashvars="'+flashvars+'" menu="false" quality="high" width="100%" height="198" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write('</object>');
</script>

经过测试可以单独对links进行处理即可
document.write('<param name="FlashVars" value="pics='+pics522+'&links='+encodeURIComponent(links522)+'&texts='+texts522+'&borderwidth='+focus_width522+'&borderheight='+focus_height522+'&textheight='+text_height522+'">');
js编码之 encodeURIComponent

js 对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent
1、 传递参数时需要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断。
例如:
2、 进行url跳转时可以整体使用encodeURI
例如:Location.href="/encodeURI"("https://www.jb51.net/s?word=百度&ct=21");
3、 js使用数据时可以使用escape
例如:搜藏中history纪录。
4、 escape对0-255以外的unicode值进行编码时输出%u****格式,其它情况下escape,encodeURI,encodeURIComponent编码结果相同。
最多使用的应为encodeURIComponent,它是将中文、韩文等特殊字符转换成utf-8格式的url编码,所以如果给后台传递参数需要使用encodeURIComponent时需要后台解码对utf-8支持(form中的编码方式和当前页面编码方式相同)
escape不编码字符有69个:*,+,-,.,/,@,_,0-9,a-z,A-Z
encodeURI不编码字符有82个:!,#,$,&,\',(,),*,+,,,-,.,/,:,;,=,?,@,_,~,0-9,a-z,A-Z
encodeURIComponent不编码字符有71个:!, \',(,),*,-,.,_,~,0-9,a-z,A-Z

相关文章

  • 分享一道关于闭包、bind和this的面试题

    分享一道关于闭包、bind和this的面试题

    这篇文章主要给大家介绍了一道关于闭包bind、this的面试题,文中给出了详细的示例代码,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-02-02
  • 微信小程序视图层莫名出现竖线的解决方法

    微信小程序视图层莫名出现竖线的解决方法

    本文主要介绍了微信小程序视图层莫名出现竖线的解决方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-07-07
  • 怎样用Javascript实现函数柯里化与反柯里化

    怎样用Javascript实现函数柯里化与反柯里化

    这篇文章主要介绍了怎样用Javascript实现函数柯里化与反柯里化,想了解函数柯里化的同学,可以参考下
    2021-04-04
  • Echarts饼图样式之添加内圈阴影达到立体效果

    Echarts饼图样式之添加内圈阴影达到立体效果

    饼图主要是通过扇形的弧度表现不同类目的数据在总和中的占比,它的数据格式比柱状图更简单,这篇文章主要给大家介绍了关于Echarts饼图样式之添加内圈阴影达到立体效果的相关资料,文中还介绍了echarts饼图外部阴影设置的方法,需要的朋友可以参考下
    2024-02-02
  • LayUI+Shiro实现动态菜单并记住菜单收展的示例

    LayUI+Shiro实现动态菜单并记住菜单收展的示例

    这篇文章主要介绍了LayUI+Shiro实现动态菜单并记住菜单收展的示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • 十个免费的web前端开发工具详细整理

    十个免费的web前端开发工具详细整理

    这篇文章主要介绍了十个免费的web前端开发工具详细整理的相关资料,希望通过本文大家能够理解使用免费web开发工具,需要的朋友可以参考下
    2017-09-09
  • bootstrap的工具提示实例代码

    bootstrap的工具提示实例代码

    Bootstrap 工具提示(Tooltip)插件 当您想要描述一个链接的时候,工具提示(Tooltip)就显得非常有用。这篇文章通过实例代码给大家介绍bootstrap的工具提示功能,需要的朋友参考下吧
    2017-05-05
  • 原生js验证简洁注册登录页面

    原生js验证简洁注册登录页面

    这篇文章主要为大家详细介绍了原生js验证简洁美观注册登录页面的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • uniapp使用scroll-view实现左右上下滑动功能

    uniapp使用scroll-view实现左右上下滑动功能

    最近在用uni-app开发小程序时,需要用scroll-view做出左右上下滑动效果,所以下面这篇文章主要给大家介绍了关于uniapp使用scroll-view实现左右上下滑动功能的相关资料,需要的朋友可以参考下
    2022-11-11
  • javascript实现二分查找法实现代码

    javascript实现二分查找法实现代码

    javascript实现二分查找法实现代码...
    2007-11-11

最新评论