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 技巧
Apr 25 Javascript
jquery控制表单输入框显示默认值的方法
May 22 Javascript
javascript判断复选框是否选中的方法
Oct 16 Javascript
实例讲解js验证表单项是否为空的方法
Jan 09 Javascript
JS点击某个图标或按钮弹出文件选择框的实现代码
Sep 27 Javascript
Angular的事件和表单详解
Dec 26 Javascript
Vue调试神器vue-devtools安装方法
Dec 12 Javascript
微信小程序页面生命周期详解
Jan 31 Javascript
React组件重构之嵌套+继承及高阶组件详解
Jul 19 Javascript
微信小程序通过js实现瀑布流布局详解
Aug 28 Javascript
JS/CSS实现字符串单词首字母大写功能
Sep 03 Javascript
如何搭建一个完整的Vue3.0+ts的项目步骤
Oct 18 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编程最快明白》第二讲 数字、浮点、布尔型、字符串和数组
2010/11/01 PHP
探讨php中遍历二维数组的几种方法详解
2013/06/08 PHP
sql注入与转义的php函数代码
2013/06/17 PHP
PHP函数microtime()用法与说明
2013/12/04 PHP
在PHP站点的页面上添加Facebook评论插件的实例教程
2016/01/08 PHP
PHP+sqlite数据库操作示例(创建/打开/插入/检索)
2016/05/26 PHP
PHP实现负载均衡session共享redis缓存操作示例
2018/08/22 PHP
PHP使用HTML5 FormData对象提交表单操作示例
2019/07/02 PHP
Smarty模板变量与调节器实例详解
2019/07/20 PHP
JavaScript国旗变换效果代码
2008/08/13 Javascript
Javascript类型转换的规则实例解析
2016/02/23 Javascript
js 转json格式的字符串为对象或数组(前后台)的方法
2016/11/02 Javascript
解析ajaxFileUpload 异步上传文件简单使用
2016/12/30 Javascript
jQuery选择器实例应用
2017/01/05 Javascript
Kindeditor单独调用多图上传实例
2017/07/31 Javascript
基于模板引擎Jade的应用(详解)
2017/12/12 Javascript
原生JS实现循环Nodelist Dom列表的4种方式示例
2018/02/11 Javascript
JS加密插件CryptoJS实现的DES加密示例
2018/08/16 Javascript
微信小程序自定义可滑动日历界面
2018/12/28 Javascript
vue中npm包全局安装和局部安装过程
2019/09/03 Javascript
用JS实现选项卡
2020/03/23 Javascript
基于Vue CSR的微前端实现方案实践
2020/05/27 Javascript
Python实现识别手写数字大纲
2018/01/29 Python
使用50行Python代码从零开始实现一个AI平衡小游戏
2018/11/21 Python
说说如何遍历Python列表的方法示例
2019/02/11 Python
Python数据处理篇之Sympy系列(五)---解方程
2019/10/12 Python
python 截取XML中bndbox的坐标中的图像,另存为jpg的实例
2020/03/10 Python
Python如何省略括号方法详解
2020/03/21 Python
详解css3中 text-fill-color属性
2019/07/08 HTML / CSS
解锁canvas导出图片跨域的N种姿势小结
2019/01/24 HTML / CSS
英国天然有机美容护肤品:Neal’s Yard Remedies
2018/05/05 全球购物
怎么写有吸引力的自荐信
2013/11/17 职场文书
教育实践活动对照检查材料
2014/09/23 职场文书
Python爬虫之爬取二手房信息
2021/04/27 Python
Python3 类型标注支持操作
2021/06/02 Python
基于Pygame实现简单的贪吃蛇游戏
2021/12/06 Python