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 相关文章推荐
客户端静态页面玩分页
Jun 26 Javascript
响应鼠标变换表格背景或者颜色的代码
Mar 30 Javascript
服务器端的JavaScript脚本 Node.js 使用入门
Mar 07 Javascript
Node.js模拟浏览器文件上传示例
Mar 26 Javascript
jquery实现可拖拽弹出层特效
Jan 04 Javascript
用js控件div的滚动条,让它在内容更新时自动滚到底部的实现方法
Oct 27 Javascript
JavaScript实现图片懒加载(Lazyload)
Nov 28 Javascript
浅谈JavaScript正则表达式-非捕获性分组
Mar 08 Javascript
VUE中v-model和v-for指令详解
Jun 23 Javascript
jQuery实现全选按钮
Jan 01 jQuery
详解gantt甘特图可拖拽、编辑(vue、react都可用 highcharts)
Nov 27 Vue.js
JS实现简单的九宫格抽奖
Jun 28 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 similar_text 字符串的相似性比较函数
2010/05/26 PHP
php自动加载机制的深入分析
2013/06/08 PHP
php中0,null,empty,空,false,字符串关系的详细介绍
2013/06/20 PHP
PHPExcel笔记, mpdf导出
2016/05/03 PHP
PHP将数据导出Excel表中的实例(投机型)
2017/07/31 PHP
基于PHP+mysql实现新闻发布系统的开发
2020/08/06 PHP
DWR实现模拟Google搜索效果实现原理及代码
2013/01/30 Javascript
Javascript验证方法大全
2015/09/21 Javascript
深入理解jQuery之防止冒泡事件
2016/05/24 Javascript
第一次接触神奇的Bootstrap表单
2016/07/27 Javascript
JavaScript正则获取地址栏中参数的方法
2017/03/02 Javascript
基于Vuejs的搜索匹配功能实现方法
2018/03/03 Javascript
JavaScript的词法结构精华篇
2018/10/17 Javascript
JavaScript设计模式之代理模式实例分析
2019/01/16 Javascript
JavaScript实现选项卡效果的分析及步骤
2019/04/16 Javascript
[43:47]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#2 MVP.Phx VS Fnatic第一局
2016/03/05 DOTA
[50:11]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第三场
2018/04/09 DOTA
python爬虫常用的模块分析
2014/08/29 Python
详解Numpy中的广播原则/机制
2018/09/20 Python
Python3爬虫教程之利用Python实现发送天气预报邮件
2018/12/16 Python
python实现在函数图像上添加文字和标注的方法
2019/07/08 Python
PYQT5开启多个线程和窗口,多线程与多窗口的交互实例
2019/12/13 Python
pytorch制作自己的LMDB数据操作示例
2019/12/18 Python
Bally美国官网:经典瑞士鞋履、手袋及配饰奢侈品牌
2018/05/18 全球购物
美国农场鲜花速递:The Bouqs
2018/07/13 全球购物
报社实习生自荐信
2014/01/24 职场文书
《登鹳雀楼》教学反思
2014/04/09 职场文书
在职党员进社区活动总结
2014/07/05 职场文书
行政秘书工作自我鉴定
2014/09/15 职场文书
科学育儿宣传标语
2014/10/08 职场文书
新婚姻法离婚协议书范文
2014/11/30 职场文书
致短跑运动员加油稿
2015/07/21 职场文书
莫言获奖感言(全文)
2015/07/31 职场文书
健康教育主题班会
2015/08/14 职场文书
2016年习主席讲话学习心得体会
2016/01/20 职场文书
用position:sticky完美解决小程序吸顶问题的实现方法
2021/04/24 HTML / CSS