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 相关文章推荐
基于jquery的动态创建表格的插件
Apr 05 Javascript
javascript对talbe进行动态添加、删除、验证实现代码
Mar 29 Javascript
实现点击列表弹出列表索引的两种方式
Mar 08 Javascript
js获取当月最后一天实例代码
Nov 19 Javascript
JS的location.href跳出框架打开新页面的方法
Sep 04 Javascript
javascript针对cookie的基本操作实例详解
Nov 30 Javascript
jQuery操作属性和样式详解
Apr 13 Javascript
第六章之辅组类与响应式工具
Apr 25 Javascript
完美解决input[type=number]无法显示非数字字符的问题
Feb 28 Javascript
解决vue-cli中stylus无法使用的问题方法
Jun 19 Javascript
详解JavaScript中的数组合并方法和对象合并方法
May 11 Javascript
vue动态绑定组件子父组件多表单验证功能的实现代码
May 14 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 读取大文件的X行到Y行内容的实现代码
2013/06/24 PHP
phalcon框架使用指南
2016/02/23 PHP
php表单处理操作
2017/11/16 PHP
总结AJAX相关JS代码片段和浏览器模型
2007/08/15 Javascript
jQuery 回车事件enter使用示例
2014/02/18 Javascript
JS创建类和对象的两种不同方式
2014/08/08 Javascript
Javascript 数组排序详解
2014/10/22 Javascript
javascript中键盘事件用法实例分析
2015/01/30 Javascript
使用微信内置浏览器点击下拉框出现页面乱跳转现象(iphone),该怎么办
2016/01/04 Javascript
学习Bootstrap滚动监听 附调用方法
2016/07/02 Javascript
全面了解addEventListener和on的区别
2016/07/14 Javascript
AngularJS全局scope与Isolate scope通信用法示例
2016/11/22 Javascript
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
2017/08/23 jQuery
js 发布订阅模式的实例讲解
2017/09/10 Javascript
微信小程序 页面滑动事件的实例详解
2017/10/12 Javascript
es6基础学习之解构赋值
2018/12/10 Javascript
[01:07:46]完美世界DOTA2联赛循环赛 Magma vs IO BO2第二场 11.01
2020/11/02 DOTA
跟老齐学Python之从格式化表达式到方法
2014/09/28 Python
python爬虫 使用真实浏览器打开网页的两种方法总结
2018/04/21 Python
Python 正则表达式匹配字符串中的http链接方法
2018/12/25 Python
python添加模块搜索路径和包的导入方法
2019/01/19 Python
windows系统中Python多版本与jupyter notebook使用虚拟环境的过程
2019/05/15 Python
python cv2读取rtsp实时码流按时生成连续视频文件方式
2019/12/25 Python
pandas数据处理之绘图的实现
2020/06/15 Python
python爬虫线程池案例详解(梨视频短视频爬取)
2021/02/20 Python
CSS3使用多列制作瀑布流
2016/05/10 HTML / CSS
纯CSS绘制漂亮的圆形图案效果
2014/05/07 HTML / CSS
HTML高亮关键字的实现代码
2018/10/22 HTML / CSS
Html5实现文件异步上传功能
2017/05/19 HTML / CSS
网络公司美工设计工作个人的自我评价
2013/11/03 职场文书
大学毕业自我评价
2014/02/02 职场文书
暑期社会实践感言
2014/02/25 职场文书
历史学专业求职信
2014/06/19 职场文书
干部外出学习心得体会
2016/01/18 职场文书
2019感恩宣传标语!
2019/07/05 职场文书
vue递归实现树形组件
2022/07/15 Vue.js