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实现json数据以csv格式下载
Jan 09 Javascript
JavaScript数据结构与算法之栈与队列
Jan 29 Javascript
JS与HTML结合使用marquee标签实现无缝滚动效果代码
Jul 05 Javascript
jQuery UI插件实现百度提词器效果
Nov 21 Javascript
jquery平滑滚动到顶部插件使用详解
May 08 jQuery
vue-cli脚手架-bulid下的配置文件
Mar 27 Javascript
浅谈webpack4.x 入门(一篇足矣)
Sep 05 Javascript
jQuery实现模拟搜索引擎的智能提示功能简单示例
Jan 27 jQuery
使用vue-cli3新建一个项目并写好基本配置(推荐)
Apr 24 Javascript
element-ui 本地化使用教程详解
Oct 28 Javascript
vue.js路由mode配置之去掉url上默认的#方法
Nov 01 Javascript
Vue this.$router.push(参数)实现页面跳转操作
Sep 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
模拟xcopy的函数
2006/10/09 PHP
php实现的MySQL通用查询程序
2007/03/11 PHP
php操作excel文件 基于phpexcel
2010/07/02 PHP
7个超级实用的PHP代码片段
2011/07/11 PHP
PHP通过反射动态加载第三方类和获得类源码的实例
2015/11/27 PHP
laravel ORM 只开启created_at的几种方法总结
2018/01/29 PHP
javascript 验证日期的函数
2010/03/18 Javascript
js静态方法与实例方法分析
2011/07/04 Javascript
dojo学习第一天 Tab选项卡 实现
2011/08/28 Javascript
js实现快速分享功能(你的文章分享工具)
2013/06/25 Javascript
Jquery AJAX POST与GET之间的区别
2013/11/14 Javascript
jQuery数据缓存用法分析
2015/02/20 Javascript
JavaScript中的cacheStorage使用详解
2015/07/29 Javascript
JavaScript中实现Map的示例代码
2015/09/09 Javascript
彻底学会Angular.js中的transclusion
2017/03/12 Javascript
微信小程序之蓝牙的链接
2017/09/26 Javascript
javascript修改浏览器title方法 JS动态修改浏览器标题
2017/11/30 Javascript
webpack4 css打包压缩问题的解决
2018/05/18 Javascript
详解JavaScript作用域和作用域链
2019/03/19 Javascript
jQuery操作cookie的示例代码
2019/06/05 jQuery
vue.js中ref及$refs的使用方法解析
2019/10/08 Javascript
[28:42]Ti4正赛VG vs NEWBEE1
2014/07/19 DOTA
Python迭代器与生成器用法实例分析
2018/07/09 Python
python twilio模块实现发送手机短信功能
2019/08/02 Python
python使用协程实现并发操作的方法详解
2019/12/27 Python
html5利用canvas绘画二级树形结构图的示例
2017/09/27 HTML / CSS
家庭户外服装:Hawkshead
2017/11/02 全球购物
台湾菁英交友:结识黄金单身的台湾人
2018/01/22 全球购物
英语专业个人求职自荐信
2013/09/21 职场文书
五型班组建设方案
2014/02/10 职场文书
幼儿园家长评语大全
2014/04/16 职场文书
社区创先争优承诺书
2014/08/30 职场文书
银行竞聘上岗演讲稿
2014/09/12 职场文书
银行反四风对照检查材料
2014/09/29 职场文书
教师考核评语大全
2014/12/31 职场文书
小学运动会开幕词
2015/01/28 职场文书