jquery attr 设定src中含有&(宏)符号问题的解决方法


Posted in Javascript onJuly 26, 2011

问题描述:

html代码如下:

<iframe src="https://3water.com" id="addOrUpdateIframe" style="width:870px;height:450px;" border="0" scrolling="yes" ></iframe>

我用 jquery 的attr 方法设定 iframe的src属性

$("#addOrUpdateIframe").attr("src", "http://blog.3water.com/search.aspx?key=400");//可点击链接查看效果 注意页数(显示第一页数据)

没有问题,得到了我想要的结果,但是下面的地址却把key后面的参数都掉了(红色字体的参数没有取到)

$("#addOrUpdateIframe").attr("src", "http://blog.3water.com/search.aspx?key=400&page=2");//可点击链接查看效果 注意页数(显示第二页数据)

郁闷中,感觉很奇怪,就用firebug看了一下修改后的值,问题找到了,jquery 把上面的地址给变成:

http://blog.3water.com/search.aspx?key=400&page=2//可点击链接查看效果 注意页数(显示第一页数据)

郁闷中。。。。。。。。。。。。。。。。

找了好久也没有找到如果解决该问题,他怎么会把地址的&给改成&了呢?有点搞不懂

问题解决方法:

在无意中把

$("#addOrUpdateIframe").attr("src", "http://blog.3water.com/search.aspx?key=400&page=2");//可点击链接查看效果 注意页数(显示第一页数据)

改成

$("#addOrUpdateIframe").attr("src", 'http://blog.3water.com/search.aspx?key=400&page=2');//可点击链接查看效果 注意页数(显示第二页数据)

注意灰色背景的地方,把双引号改成单引号了,问题解决。

Javascript 相关文章推荐
给ListBox添加双击事件示例代码
Dec 02 Javascript
详解jquery事件delegate()的使用方法
Jan 25 Javascript
jQuery实现checkbox列表的全选、反选功能
Nov 24 Javascript
JavaScript之filter_动力节点Java学院整理
Jun 28 Javascript
AngularJS日程表案例详解
Aug 15 Javascript
详解React native全局变量的使用(跨组件的通信)
Sep 07 Javascript
使用Node.js实现ORM的一种思路详解(图文)
Oct 24 Javascript
微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb
Jul 04 Javascript
angular 内存溢出的问题解决
Jul 12 Javascript
Canvas实现微信红包照片效果
Aug 21 Javascript
使用jQuery给Table动态增加行、清空table的方法
Sep 05 jQuery
JS实现点击发送验证码 xx秒后重新发送功能
Jul 30 Javascript
基于jquery实现的移入页面上空文本框时,让它变为焦点,移出清除焦点
Jul 26 #Javascript
in.js 一个轻量级的JavaScript颗粒化模块加载和依赖关系管理解决方案
Jul 26 #Javascript
jquery中的 $(&quot;#jb51&quot;)与document.getElementById(&quot;jb51&quot;) 的区别
Jul 26 #Javascript
Jquery工作常用实例 使用AJAX使网页进行异步更新
Jul 26 #Javascript
jQuery选择器的工作原理和优化分析
Jul 25 #Javascript
Jquery 点击按钮显示和隐藏层的代码
Jul 25 #Javascript
multiSteps 基于Jquery的多步骤滑动切换插件
Jul 22 #Javascript
You might like
PHP 删除一个目录及目录下的所有文件的函数代码
2010/05/26 PHP
mysql 查询指定日期时间内sql语句实现原理与代码
2012/12/16 PHP
php数组键名技巧小结
2015/02/17 PHP
[原创]php实现子字符串位置相互对调互换的方法
2016/06/02 PHP
php 读取文件夹下所有图片、文件的实例
2018/10/17 PHP
表单提交验证类
2006/07/14 Javascript
JS拖动技术 关于setCapture使用
2010/12/09 Javascript
jquery 读取页面load get post ajax 四种方式代码写法
2011/04/02 Javascript
jquery.tmpl JQuery模板插件
2011/10/10 Javascript
jquery事件机制扩展插件 jquery鼠标右键事件
2011/12/21 Javascript
Knockoutjs快速入门(经典)
2012/12/24 Javascript
select、radio表单回显功能实现避免使用jquery载入赋值
2013/06/08 Javascript
js去除空格的12种实用方法
2013/11/08 Javascript
jQuery表单域选择器用法分析
2015/02/10 Javascript
基于jQuery实现左右图片轮播(原理通用)
2015/12/24 Javascript
js数组常用操作方法小结(增加,删除,合并,分割等)
2016/08/02 Javascript
vue.js动画中的js钩子函数的实现
2018/07/06 Javascript
layer.open关闭父窗口 以及调用父页面的方法
2018/08/17 Javascript
支付宝小程序tabbar底部导航
2018/11/06 Javascript
详解js常用分割取字符串的方法
2019/05/15 Javascript
[03:48]DOTA2完美大师赛主赛事第二日精彩集锦
2017/11/24 DOTA
[01:16:50]DOTA2-DPC中国联赛 正赛 Phoenix vs CDEC BO3 第一场 3月7日
2021/03/11 DOTA
Python爬取京东的商品分类与链接
2016/08/26 Python
PyQt5每天必学之QSplitter实现窗口分隔
2018/04/19 Python
通过pykafka接收Kafka消息队列的方法
2018/12/27 Python
对django xadmin自定义菜单的实例详解
2019/01/03 Python
django 框架实现的用户注册、登录、退出功能示例
2019/11/28 Python
Pyqt5自适应布局实例
2019/12/13 Python
Python操作Excel工作簿的示例代码(\*.xlsx)
2020/03/23 Python
htnl5利用svg页面高斯模糊的方法
2018/07/20 HTML / CSS
顶撞老师检讨书
2014/02/07 职场文书
单位委托函范文
2015/01/29 职场文书
幸福来敲门观后感
2015/06/04 职场文书
学校教代会开幕词
2016/03/04 职场文书
2016年中学清明节活动总结
2016/04/01 职场文书
Flask使用SQLAlchemy实现持久化数据
2021/07/16 Python