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 相关文章推荐
javascript 匿名函数的理解(透彻版)
Jan 28 Javascript
7款吸引人眼球的jQuery/CSS3特效实例分享
Apr 25 Javascript
tangram框架响应式加载图片方法
Nov 21 Javascript
在线一元二次方程计算器实例(方程计算器在线计算)
Dec 22 Javascript
javascript动态修改Li节点值的方法
Jan 20 Javascript
JavaScript的jQuery库插件的简要开发指南
Aug 12 Javascript
封装好的javascript前端分页插件pagination
Jan 04 Javascript
jquery插件方式实现table查询功能的简单实例
Jun 06 Javascript
全面解析JavaScript中apply和call以及bind(推荐)
Jun 15 Javascript
jQuery模仿京东/天猫商品左侧分类导航菜单效果
Jun 29 Javascript
文章或博客自动生成章节目录索引(支持三级)的实现代码
May 10 Javascript
浅谈JS的二进制家族
May 09 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
AJAX的跨域访问-两种有效的解决方法介绍
2013/06/22 PHP
PHP+redis实现的悲观锁机制示例
2018/06/12 PHP
JavaScript实现把数字转换成中文
2015/06/29 Javascript
JavaScript多并发问题如何处理
2015/10/28 Javascript
深入浅出ES6新特性之函数默认参数和箭头函数
2016/08/01 Javascript
jstree创建无限分级树的方法【基于ajax动态创建子节点】
2016/10/25 Javascript
javascript 中设置window.location.href跳转无效问题解决办法
2017/02/09 Javascript
react性能优化达到最大化的方法 immutable.js使用的必要性
2017/03/09 Javascript
微信小程序 实例开发总结
2017/04/26 Javascript
Vue3 源码导读(推荐)
2019/10/14 Javascript
微信小程序学习总结(五)常见问题实例小结
2020/06/04 Javascript
JS+css3实现幻灯片轮播图
2020/08/14 Javascript
windows下安装python paramiko模块的代码
2013/02/10 Python
Python与Redis的连接教程
2015/04/22 Python
Python 的描述符 descriptor详解
2016/02/27 Python
Python用于学习重要算法的模块pygorithm实例浅析
2018/08/16 Python
一步步教你用python的scrapy编写一个爬虫
2019/04/17 Python
python实现最大优先队列
2019/08/29 Python
Python使用微信接入图灵机器人过程解析
2019/11/04 Python
使用pygame编写Flappy bird小游戏
2020/03/14 Python
Python标准库:内置函数max(iterable, *[, key, default])说明
2020/04/25 Python
python def 定义函数,调用函数方式
2020/06/02 Python
python中常见错误及解决方法
2020/06/21 Python
numpy中生成随机数的几种常用函数(小结)
2020/08/18 Python
英国奢侈皮具品牌:Aspinal of London
2018/09/02 全球购物
安德玛菲律宾官网:Under Armour菲律宾
2020/07/28 全球购物
面向对象编程是如何提高软件开发水平的
2014/05/06 面试题
运动会入场词50字
2014/02/20 职场文书
暑期培训随笔感言
2014/03/10 职场文书
反腐倡廉演讲稿
2014/05/22 职场文书
关于安全的标语
2014/06/10 职场文书
2016幼儿园教师年度考核评语
2015/12/01 职场文书
Pytorch 如何实现常用正则化
2021/05/27 Python
CSS实现两列布局的N种方法
2021/08/02 HTML / CSS
Python 数据可视化之Seaborn详解
2021/11/02 Python
redis击穿 雪崩 穿透超详细解决方案梳理
2022/03/17 Redis