JS图片轮显代码里链接中带有“&”符号怎么正常显示

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS图片轮显代码里链接中带有“&”符号怎么正常显示相关的知识,希望对你有一定的参考价值。

代码如下:
<script type="text/javascript">
<!--
var _width = 215
var _height = 148
var text_height = 0
var flash_height = _height + text_height
var pic_arr = new Array();
var link_arr = new Array();
var text_arr = new Array();
var i = 0;

pic_arr[0] = "upfile/2010102715293936531.jpg";
link_arr[0] = "http://www.tianjinjupeng.com/aaa.asp?aid=5&bid=5&newsid=42";
text_arr[0] = "";
pic_arr[1] = "upfile/2010102715251649900.jpg";
link_arr[1] = "http://www.tianjinjupeng.com/aaa.asp?aid=5&bid=5&newsid=42";
text_arr[1] = "";
pic_arr[2] = "upfile/2010102715295126704.jpg";
link_arr[2] = "http://www.tianjinjupeng.com/aaa.asp?aid=5&bid=5&newsid=42";
text_arr[2] = "";
pic_arr[3] = "upfile/2010102715301384219.jpg";
link_arr[3] = "http://www.tianjinjupeng.com/aaa.asp?aid=5&bid=5&newsid=42";
text_arr[3] = "";
pic_arr[4] = "upfile/20113271091332632.jpg";
link_arr[4] = "http://www.tianjinjupeng.com/aaa.asp?aid=5&bid=5&newsid=42";
text_arr[4] = "";
pic_arr[5] = "upfile/2010102715264818678.jpg";
link_arr[5] = "";
text_arr[5] = "";

//
var p = pic_arr.join("|");
//var l = link_arr.join("|");
var l = link_arr[0]+"|"+link_arr[1]+"|"+link_arr[2]+"|"+link_arr[3]+"|"+link_arr[4]+"|"+link_arr[5];
var t = text_arr.join("|");
var f = "F200511301331032452224681.swf";
document.write('<object ID="focus_flash" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ _width +'" height="'+ flash_height +'" align=right>');
document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="'+f+'"><param name="quality" value="high"><param name="bgcolor">');
document.write('<param name="menu" value="false"><param name=wmode value="transparent">');
document.write('<param name="FlashVars" value="pics='+p+'&links='+l+'&texts='+t+'&borderwidth='+_width+'&borderheight='+_height+'&textheight='+text_height+'">');
document.write('<embed ID="focus_flash" src="'+f+'" wmode="opaque" FlashVars="pics='+p+'&links='+l+'&texts='+t+'&borderwidth='+_width+'&borderheight='+_height+'&textheight='+text_height+'" menu="false" quality="high" width="'+ _width +'" height="'+ flash_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write('</object>');
//-->
</script>

图片链接地址是http://www.tianjinjupeng.com/aaa.asp?aid=5&bid=5&newsid=42这样的,最后页面显示结果图片1的链接变成了http://www.tianjinjupeng.com/aaa.asp?aid=5,后面的东西丢失了,并且第2个以后的图片链接全部丢失

参考技术A html使用&符号要进行转义。
请使用“&amp;” 代替“&”

参考:

HTML字符实体(Character Entities),转义字符串(Escape Sequence)为什么要用转义字符串?
HTML中<,>,&等有特殊含义(<,>,用于链接签,&用于转义),不能直接使用。这些符号是不显示在我们最终看到的网页里的,那如果我们希望在网页中显示这些符号,该怎么办呢?

这就要说到HTML转义字符串(Escape Sequence)了。

转义字符串(Escape Sequence)也称字符实体(Character Entity)。在HTML中,定义转义字符串的原因有两个:第一个原因是像“<”和“>”这类符号已经用来表示HTML标签,因此就不能直接当作文本中的符号来使用。为了在HTML文档中使用这些符号,就需要定义它的转义字符串。当解释程序遇到这类字符串时就把它解释为真实的字符。在输入转义字符串时,要严格遵守字母大小写的规则。第二个原因是,有些字符在ASCII字符集中没有定义,因此需要使用转义字符串来表示。

转义字符串的组成
转义字符串(Escape Sequence),即字符实体(Character Entity)分成三部分:第一部分是一个&符号,英文叫ampersand;第二部分是实体(Entity)名字或者是#加上实体(Entity)编号;第三部分是一个分号。

比如,要显示小于号(<),就可以写 &lt; 或者 &#60; 。

用实体(Entity)名字的好处是比较好理解,一看lt,大概就猜出是less than的意思,但是其劣势在于并不是所有的浏览器都支持最新的Entity名字。而实体(Entity)编号,各种浏览器都能处理。

提示:实体名称(Entity)是区分大小写的。

备注:同一个符号,可以用“实体名称”和“实体编号”两种方式引用,“实体名称”的优势在于便于记忆,但不能保证所有的浏览器都能顺利识别它,而“实体编号”则没有这种担忧,但它实在不方便记忆。

如何显示空格?
通常情况下,HTML会自动截去多余的空格。不管你加多少空格,都被看做一个空格。比如你在两个字之间加了10个空格,HTML会截去9个空格,只保留一个。为了在网页中增加空格,你可以使用 表示空格。追问

你用上面代码测试过吗。。。。。不是html输出,我是flash里调用,我知道转义字符,不是这个的事。。。

参考资料:http://114.xixik.com/character/

参考技术B http://zhidao.baidu.com/shop
简单易懂追问

什么???

追答

图片切代码

追问

我不是要换其他代码,我是想知道这个要怎么解决。。。。

查看代码发现,因为图片的3个参数“图片地址,链接地址,图片说明”这3个参数是用“&”符号分隔的,所以导致不能正常输出链接,这个要怎么解决?麻烦知道的告诉一下

wordpress 中带有 ' 的图片链接替换为 %E2%80%99。怎么修?

【中文标题】wordpress 中带有 \' 的图片链接替换为 %E2%80%99。怎么修?【英文标题】:Image links with ' in wordpress replaced with %E2%80%99. How to fix?wordpress 中带有 ' 的图片链接替换为 %E2%80%99。怎么修? 【发布时间】:2021-09-25 18:06:08 【问题描述】:

我最近移动了主机,我正在处理的一件事是某些帖子的图像无法加载。它们之间的相似之处在于它包含一个“'”字符,在链接中自动转换为 %E2%80%99。所以像 Cat'stail.jpg 这样的东西可以是 Cat %E2%80%99stail.jpg 。我该如何解决?图像不加载,因为它说它在链接上不存在,因为它转换为其他东西。数据库是 utf8mb4 格式。我是新手,什么都不知道。请帮忙

【问题讨论】:

【参考方案1】:

如果您使用的是页面构建器,那么最简单的方法是在构建器中重新选择图像并更新页面。如果您有自定义主题,那么我建议您手动更改图像名称,因为作为一种良好做法,您不应该在图像名称中使用“'”。

【讨论】:

以上是关于JS图片轮显代码里链接中带有“&”符号怎么正常显示的主要内容,如果未能解决你的问题,请参考以下文章

怎么把html代码复制到excel文档里,比如图片的代码复制到excel里显示代码不要显示图片

怎么能再自己发的微信分享链接中带图片和文字

js或是jquery代码怎么写让图片在一个div里实现由远到近的渐变效果,即图片慢慢放大,超出div的部分不显示

ASP动态网页设计与Ajax技术----制作图片轮显效果

怎么用js或jq写一个鼠标点击超链接在下方显示图片而且还有图片描述

微信公众平台加超链接能加外部的链接吗?