jquery attr 设定src中含有&(宏)符号问题的解决方法
更新时间:2011年07月26日 20:53:19 作者:
今天在用 jquery 的attr 方法设定 iframe的src属性的时候遇到了一个奇怪的为题,现在把问题及解决方面写出来,让遇到同样问题的人不要在走弯路。
问题描述:
html代码如下:
<iframe src="https://www.jb51.net" id="addOrUpdateIframe" style="width:870px;height:450px;" border="0" scrolling="yes" ></iframe>
我用 jquery 的attr 方法设定 iframe的src属性
$("#addOrUpdateIframe").attr("src", "http://blog.jb51.net/search.aspx?key=400");//可点击链接查看效果 注意页数(显示第一页数据)
没有问题,得到了我想要的结果,但是下面的地址却把key后面的参数都掉了(红色字体的参数没有取到)
$("#addOrUpdateIframe").attr("src", "http://blog.jb51.net/search.aspx?key=400&page=2");//可点击链接查看效果 注意页数(显示第二页数据)
郁闷中,感觉很奇怪,就用firebug看了一下修改后的值,问题找到了,jquery 把上面的地址给变成:
http://blog.jb51.net/search.aspx?key=400&page=2//可点击链接查看效果 注意页数(显示第一页数据)
郁闷中。。。。。。。。。。。。。。。。
找了好久也没有找到如果解决该问题,他怎么会把地址的&给改成&了呢?有点搞不懂
问题解决方法:
在无意中把
$("#addOrUpdateIframe").attr("src", "http://blog.jb51.net/search.aspx?key=400&page=2");//可点击链接查看效果 注意页数(显示第一页数据)
改成
$("#addOrUpdateIframe").attr("src", 'http://blog.jb51.net/search.aspx?key=400&page=2');//可点击链接查看效果 注意页数(显示第二页数据)
注意灰色背景的地方,把双引号改成单引号了,问题解决。
html代码如下:
<iframe src="https://www.jb51.net" id="addOrUpdateIframe" style="width:870px;height:450px;" border="0" scrolling="yes" ></iframe>
我用 jquery 的attr 方法设定 iframe的src属性
$("#addOrUpdateIframe").attr("src", "http://blog.jb51.net/search.aspx?key=400");//可点击链接查看效果 注意页数(显示第一页数据)
没有问题,得到了我想要的结果,但是下面的地址却把key后面的参数都掉了(红色字体的参数没有取到)
$("#addOrUpdateIframe").attr("src", "http://blog.jb51.net/search.aspx?key=400&page=2");//可点击链接查看效果 注意页数(显示第二页数据)
郁闷中,感觉很奇怪,就用firebug看了一下修改后的值,问题找到了,jquery 把上面的地址给变成:
http://blog.jb51.net/search.aspx?key=400&page=2//可点击链接查看效果 注意页数(显示第一页数据)
郁闷中。。。。。。。。。。。。。。。。
找了好久也没有找到如果解决该问题,他怎么会把地址的&给改成&了呢?有点搞不懂
问题解决方法:
在无意中把
$("#addOrUpdateIframe").attr("src", "http://blog.jb51.net/search.aspx?key=400&page=2");//可点击链接查看效果 注意页数(显示第一页数据)
改成
$("#addOrUpdateIframe").attr("src", 'http://blog.jb51.net/search.aspx?key=400&page=2');//可点击链接查看效果 注意页数(显示第二页数据)
注意灰色背景的地方,把双引号改成单引号了,问题解决。
相关文章
使用CSS和jQuery模拟select并附提交后取得数据的代码
使用CSS和jQuery模拟select并实现提交后取得数据,详细实现及截图如下,感兴趣的朋友可以参考下2013-10-10jquery、js调用iframe父窗口与子窗口元素的方法整理
本节主要介绍了jquery、js调用iframe父窗口与子窗口元素的方法,需要的朋友可以参考下2014-07-07在jQuery ajax中按钮button和submit的区别分析
昨天在使用jQuery ajax的post方法进行页面传值,无刷新获取数据展示,弄了半天就是没有效果,看了半天也没有语法错误,最后才终于明白问题出在哪里2012-10-10
最新评论