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 相关文章推荐
prototype 的说明 js类
Sep 07 Javascript
IE中jscript/javascript的条件编译
Sep 07 Javascript
jquery trigger伪造a标签的click事件取代window.open方法
Jun 23 Javascript
Javascript学习笔记之相等符号与严格相等符号
Nov 23 Javascript
jQuery中ajax的post()方法用法实例
Dec 26 Javascript
jQuery实现鼠标划过展示大图的方法
Mar 09 Javascript
window.onload使用指南
Sep 13 Javascript
Bootstrap 网站实例之单页营销网站
Oct 20 Javascript
微信小程序  wx.request合法域名配置详解
Nov 23 Javascript
微信小程序 省市区选择器实例详解(附源码下载)
Jan 05 Javascript
最实用的JS数组函数整理
Dec 05 Javascript
浅谈发布订阅模式与观察者模式
Apr 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
ThinkPHP中的系统常量和预定义常量集合
2014/07/01 PHP
php简单获取目录列表的方法
2015/03/24 PHP
PHP实现链式操作的原理详解
2016/09/16 PHP
php中照片旋转 (orientation) 问题的正确处理
2017/02/16 PHP
laravel框架中路由设置,路由参数和路由命名实例分析
2019/11/23 PHP
laravel框架中表单请求类型和CSRF防护实例分析
2019/11/23 PHP
jQuery的:parent选择器定义和用法
2014/07/01 Javascript
JS+CSS实现带有碰撞缓冲效果的竖向导航条代码
2015/09/15 Javascript
vue.js+boostrap项目实践(案例详解)
2016/09/21 Javascript
微信小程序 wx.request(OBJECT)发起请求详解
2016/10/13 Javascript
Vue框架中正确引入JS库的方法介绍
2017/07/30 Javascript
详解Vue双向数据绑定原理解析
2017/09/11 Javascript
Vue添加请求拦截器及vue-resource 拦截器使用
2017/11/23 Javascript
vue的状态管理模式vuex
2017/11/30 Javascript
vue2单元测试环境搭建
2018/05/24 Javascript
Node4-5静态资源服务器实战以及优化压缩文件实例内容
2019/08/29 Javascript
[02:06]DOTA2肉山黑名单魔法终结者 敌法师中文配音鉴赏
2013/06/17 DOTA
[00:32]2018DOTA2亚洲邀请赛Secret出场
2018/04/03 DOTA
Python使用tablib生成excel文件的简单实现方法
2016/03/16 Python
Python连接PostgreSQL数据库的方法
2016/11/28 Python
python 基础教程之Map使用方法
2017/01/17 Python
使用Django启动命令行及执行脚本的方法
2018/05/29 Python
opencv python 2D直方图的示例代码
2018/07/20 Python
50行Python代码实现视频中物体颜色识别和跟踪(必须以红色为例)
2019/11/20 Python
浅谈在django中使用redirect重定向数据传输的问题
2020/03/13 Python
基于Python计算圆周率pi代码实例
2020/03/25 Python
Python基于tkinter canvas实现图片裁剪功能
2020/11/05 Python
python中四舍五入的正确打开方式
2021/01/18 Python
html2canvas生成清晰的图片实现打印的示例代码
2019/09/30 HTML / CSS
保洁主管岗位职责
2013/11/20 职场文书
旅行社各个岗位职责
2014/03/15 职场文书
毕业生代领毕业材料的授权委托书
2014/09/29 职场文书
2014年审计人员工作总结
2014/12/19 职场文书
2016年社区“6.26”禁毒日宣传活动总结
2016/04/05 职场文书
TaiShan 200服务器安装Ubuntu 18.04的图文教程
2022/06/28 Servers
MutationObserver在页面水印实现起到的作用详解
2022/07/07 Javascript