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实现读取txt文档的脚本
Jul 20 Javascript
初学Javascript的一些总结
Nov 03 Javascript
js中设置元素class的三种方法小结
Aug 28 Javascript
JavaScript实现找质数代码分享
Mar 24 Javascript
jQuery中animate的几种用法与注意事项
Dec 12 Javascript
基于JQuery及AJAX实现名人名言随机生成器
Feb 10 Javascript
使用async、enterproxy控制并发数量的方法详解
Jan 02 Javascript
浅谈React高阶组件
Mar 28 Javascript
jQuery超简单遮罩层实现方法示例
Sep 06 jQuery
angularjs使用div模拟textarea文本框的方法
Oct 02 Javascript
vue计算属性computed、事件、监听器watch的使用讲解
Jan 21 Javascript
微信小程序使用Vant Weapp组件库的方法步骤
Aug 01 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
如何在WIN2K下安装PHP4.04
2006/10/09 PHP
解析php中eclipse 用空格替换 tab键
2013/06/24 PHP
基于JQuery+PHP编写砸金蛋中奖程序
2015/09/08 PHP
php intval函数用法总结
2019/04/14 PHP
js substr、substring和slice使用说明小记
2011/09/15 Javascript
JS.elementGetStyle(element, style)应用示例
2013/09/24 Javascript
HTML页面弹出居中可拖拽的自定义窗口层
2014/05/07 Javascript
如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗?”
2015/03/05 Javascript
js实现鼠标滑过文字链接色彩变化的效果
2015/05/06 Javascript
javascript控制台详解
2015/06/25 Javascript
jQuery模拟黑客帝国矩阵效果实例
2015/06/28 Javascript
AngularJS自动表单验证
2016/02/01 Javascript
js+html5实现canvas绘制网页时钟的方法
2016/05/21 Javascript
jQuery使用each方法与for语句遍历数组示例
2016/06/16 Javascript
JS事件添加和移出的兼容写法示例
2016/06/20 Javascript
一步步教你利用Canvas对图片进行处理
2017/09/19 Javascript
React Native 截屏组件的示例代码
2017/12/06 Javascript
AngularJS实现动态切换样式的方法分析
2018/06/26 Javascript
postman自定义函数实现 时间函数的思路详解
2019/04/17 Javascript
js判断密码强度的方法
2020/03/18 Javascript
[01:29]2014DOTA2展望TI 剑指西雅图DK战队专访
2014/06/30 DOTA
精确查找PHP WEBSHELL木马的方法(1)
2011/04/12 Python
TensorFlow安装及jupyter notebook配置方法
2017/09/08 Python
一条命令解决mac版本python IDLE不能输入中文问题
2018/05/15 Python
python打开windows应用程序的实例
2019/06/28 Python
python代理工具mitmproxy使用指南
2019/07/04 Python
Python Numpy计算各类距离的方法
2019/07/05 Python
基于python代码批量处理图片resize
2020/06/04 Python
keras绘制acc和loss曲线图实例
2020/06/15 Python
Python 爬虫的原理
2020/07/30 Python
北京银河万佳Java面试题
2012/03/21 面试题
入党积极分子自我鉴定范文
2014/03/25 职场文书
学习型家庭事迹材料(2016精选版)
2016/02/29 职场文书
如何用PHP实现分布算法之一致性哈希算法
2021/05/26 PHP
如何在Mac上通过docker配置PHP开发环境
2021/05/29 PHP
php去除deprecated的实例方法
2021/11/17 PHP