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 相关文章推荐
js 操作css实现代码
Jun 11 Javascript
使用jquery与图片美化checkbox和radio控件的代码(打包下载)
Nov 11 Javascript
js中indexof的用法详细解析
Dec 24 Javascript
js输出阴历、阳历、年份、月份、周示例代码
Jan 29 Javascript
基于SpringMVC+Bootstrap+DataTables实现表格服务端分页、模糊查询
Oct 30 Javascript
微信小程序 UI布局常用技巧整理总结
Dec 05 Javascript
基于vue+canvas的excel-like组件实例详解
Nov 28 Javascript
JS实现对json对象排序并删除id相同项功能示例
Apr 18 Javascript
Angular 2使用路由自定义弹出组件toast操作示例
May 10 Javascript
利用 JavaScript 实现并发控制的示例代码
Dec 31 Javascript
JS中锚点链接点击平滑滚动并自由调整到顶部位置
Feb 06 Javascript
vue3获取当前路由地址
Feb 18 Vue.js
基于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中ob_start函数的使用说明
2013/11/11 PHP
微信access_token的获取开发示例
2015/04/16 PHP
Smarty模板引擎缓存机制详解
2016/05/23 PHP
PHP中的自动加载操作实现方法详解
2019/08/06 PHP
在b/s开发中经常用到的javaScript技术
2006/08/23 Javascript
JavaScript函数、方法、对象代码
2008/10/29 Javascript
网络图片延迟加载实现代码 超越jquery控件
2010/03/27 Javascript
基于jQuery的实现简单的分页控件
2010/10/10 Javascript
JavaScript实现的一个计算数字步数的算法分享
2014/12/06 Javascript
对js eval()函数的一些见解
2016/08/15 Javascript
vue中使用ueditor富文本编辑器
2018/02/08 Javascript
vue2.0 路由不显示router-view的解决方法
2018/03/06 Javascript
vue.js实现格式化时间并每秒更新显示功能示例
2018/07/07 Javascript
JavaScript循环遍历你会用哪些之小结篇
2018/09/28 Javascript
nodejs 使用nodejs-websocket模块实现点对点实时通讯
2018/11/28 NodeJs
js使用swiper实现层叠轮播效果实例代码
2018/12/12 Javascript
react+ant design实现Table的增、删、改的示例代码
2018/12/27 Javascript
vue-router实现嵌套路由的讲解
2019/01/19 Javascript
微信小程序的注册页面包含倒计时验证码、获取用户信息
2019/05/22 Javascript
python多线程用法实例详解
2015/01/15 Python
在Python3中初学者应会的一些基本的提升效率的小技巧
2015/03/31 Python
Python编程中对super函数的正确理解和用法解析
2016/07/02 Python
matplotlib作图添加表格实例代码
2018/01/23 Python
python中不能连接超时的问题及解决方法
2018/06/10 Python
Scrapy框架使用的基本知识
2018/10/21 Python
python绘制评估优化算法性能的测试函数
2019/06/25 Python
Pandas之MultiIndex对象的示例详解
2019/06/25 Python
将Pytorch模型从CPU转换成GPU的实现方法
2019/08/19 Python
在keras中获取某一层上的feature map实例
2020/01/24 Python
python实现梯度法 python最速下降法
2020/03/24 Python
windows10环境下用anaconda和VScode配置的图文教程
2020/03/30 Python
Tensorflow全局设置可见GPU编号操作
2020/06/30 Python
android面试问题与答案
2016/12/27 面试题
个人股份转让协议书范本
2014/10/26 职场文书
研究生学习计划书应该怎么写?
2019/09/10 职场文书
创业计划书之电动车企业
2019/10/11 职场文书