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(function(){})与(function(){})(jQuery)之间的区别
Jan 09 Javascript
javascript打开word文档的方法
Apr 16 Javascript
js实现悬浮窗效果(支持拖动)
Mar 09 Javascript
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
Oct 08 Javascript
vue组件之间的数据传递方法详解
Apr 19 Javascript
Node.js实现一个HTTP服务器的方法示例
May 13 Javascript
微信小程序接入腾讯云验证码的方法步骤
Jan 07 Javascript
Vue中keep-alive组件作用详解
Feb 04 Javascript
JavaScript函数重载操作实例浅析
May 02 Javascript
解决vue请求接口第一次成功,第二次失败问题
Sep 08 Javascript
在vue中获取wangeditor的html和text的操作
Oct 23 Javascript
javascript局部自定义鼠标右键菜单
Dec 08 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 之Section与Cookie使用总结
2012/09/14 PHP
php代码中使用换行及(\n或\r\n和br)的应用
2013/02/02 PHP
PhpStorm 如何优雅的调试Hyperf的方法步骤
2019/11/24 PHP
通过PHP的Wrapper无缝迁移原有项目到新服务的实现方法
2020/04/02 PHP
jQuery 操作XML入门
2008/12/25 Javascript
基于jquery实现的省市区级联无ajax
2013/09/24 Javascript
jquery定时滑出可最小化的底部提示层特效代码
2013/10/02 Javascript
ajax请求乱码的解决方法(中文乱码)
2014/04/10 Javascript
基于NodeJS的前后端分离的思考与实践(三)轻量级的接口配置建模框架
2014/09/26 NodeJs
js实现仿百度风云榜可重复多次调用的TAB切换选项卡效果
2015/08/31 Javascript
JS模仿手机端九宫格登录功能实现代码
2016/04/28 Javascript
webpack项目调试以及独立打包配置文件的方法
2018/02/28 Javascript
vue.js在标签属性中插入变量参数的方法
2018/03/06 Javascript
jQuery pjax 应用简单示例
2018/09/20 jQuery
Vue中的$set的使用实例代码
2018/10/08 Javascript
详解vue几种主动刷新的方法总结
2019/02/19 Javascript
vuex实现像调用模板方法一样调用Mutations方法
2019/11/06 Javascript
js简单实现自动生成表格功能示例
2020/06/02 Javascript
vue实现禁止浏览器记住密码功能的示例代码
2021/02/03 Vue.js
[01:07:21]NAVI vs VG Supermajor 败者组 BO3 第二场 6.5
2018/06/06 DOTA
在Python中操作字符串之replace()方法的使用
2015/05/19 Python
Python用于学习重要算法的模块pygorithm实例浅析
2018/08/16 Python
Django model反向关联名称的方法
2018/12/15 Python
python tkinter组件使用详解
2019/09/16 Python
HTML 5 标签、属性、事件及浏览器兼容性速查表 附打包下载
2012/10/20 HTML / CSS
美国娱乐和流行文化商品店:FYE
2017/09/14 全球购物
领先的荷兰线上超市:荷兰之家Holland at Home(支持中文)
2021/01/21 全球购物
Ruby如何进行文件操作
2014/07/17 面试题
仓库保管员岗位职责
2013/12/20 职场文书
公司开业庆典主持词
2014/03/21 职场文书
社会稳定风险评估方案
2014/06/02 职场文书
公司合作意向书范文
2014/07/30 职场文书
党员“四风”方面存在问题及整改措施
2014/09/24 职场文书
解决Nginx 配置 proxy_pass 后 返回404问题
2021/03/31 Servers
Python实现单例模式的5种方法
2021/06/15 Python
Python内置数据结构列表与元组示例详解
2021/08/04 Python