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 避免闭包引发的问题
Mar 17 Javascript
写自已的js类库需要的核心代码
Jul 16 Javascript
jquery怎样实现ajax联动框(一)
Mar 08 Javascript
用jquery写的菜单从左往右滑动出现
Apr 11 Javascript
浅谈JavaScript字符串拼接
Jun 25 Javascript
JS实现的仿淘宝交易倒计时效果
Nov 27 Javascript
浅谈jquery设置和获得checkbox选中的问题
Aug 19 Javascript
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
Nov 09 Javascript
Jquery树插件zTree实现菜单树
Jan 24 Javascript
实例讲解DataTables固定表格宽度(设置横向滚动条)
Jul 11 Javascript
Angular搜索 过滤 批量删除 添加 表单验证功能集锦(实例代码)
Oct 25 Javascript
小程序实现列表展开收起效果
Jul 29 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基础知识:类与对象(3) 构造函数和析构函数
2006/12/13 PHP
探讨如何使用SimpleXML函数来加载和解析XML文档
2013/06/07 PHP
去掉destoon资讯内容页keywords关键字自带的文章标题的方法
2014/08/21 PHP
php递归遍历多维数组的方法
2015/04/18 PHP
php多进程模拟并发事务产生的问题小结
2018/12/07 PHP
jQuery 行级解析读取XML文件(附源码)
2009/10/12 Javascript
JavaScript类和继承 constructor属性
2010/03/04 Javascript
javascript匿名函数实例分析
2014/11/18 Javascript
Jquery的基本对象转换和文档加载用法实例
2015/02/25 Javascript
浅析四种常见的Javascript声明循环变量的书写方式
2015/10/14 Javascript
JavaScript入门教程之引用类型
2016/05/04 Javascript
深入探讨Vue.js组件和组件通信
2016/09/12 Javascript
JQ中$(window).load和$(document).ready区别与执行顺序
2017/03/01 Javascript
Vuejs仿网易云音乐实现听歌及搜索功能
2017/03/30 Javascript
JavaScript中继承原理与用法实例入门
2020/05/09 Javascript
使用JavaScript和MQTT开发物联网应用示例解析
2020/08/07 Javascript
Python strip lstrip rstrip使用方法
2008/09/06 Python
Python简单删除列表中相同元素的方法示例
2017/06/12 Python
python使用mysql的两种使用方式
2018/03/07 Python
在VS Code上搭建Python开发环境的方法
2018/04/06 Python
Python网页正文转换语音文件的操作方法
2018/12/09 Python
Python实现的微信支付方式总结【三种方式】
2019/04/13 Python
Python实现的企业粉丝抽奖功能示例
2019/07/26 Python
python 实现保存最新的三份文件,其余的都删掉
2019/12/22 Python
使用PyOpenGL绘制三维坐标系实例
2019/12/24 Python
捷克移动配件网上商店:ProMobily.cz
2019/03/15 全球购物
优纳科技软件测试面试题
2012/05/15 面试题
经济与贸易专业应届生求职信
2013/11/19 职场文书
绩效工资分配方案
2014/01/18 职场文书
体育教师自我鉴定
2014/02/12 职场文书
中国梦演讲稿5分钟
2014/08/19 职场文书
2014年个人售房协议书
2014/10/30 职场文书
公文格式,规则明细(新手收藏)
2019/07/23 职场文书
2019大学生暑期实习心得总结
2019/08/21 职场文书
pytorch 带batch的tensor类型图像显示操作
2021/05/20 Python
Python爬虫中urllib3与urllib的区别是什么
2021/07/21 Python