通过本文主要向大家介绍了attr,符号等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
问题描述:
html代码如下:
<iframe src="http://www.jb51.net" id="addOrUpdateIframe" style="width:870px;height:450px;" border="0" scrolling="yes" ></iframe>
我用 jquery 的attr 方法设定 iframe的src属性
$("#addOrUpdateIframe").attr("src", "http://blog.jb51.net/search.aspx?key=400");//可点击链接查看效果 注意页数(显示第一页数据)
没有问题,得到了我想要的结果,但是下面的地址却把key后面的参数都掉了(红色字体的参数没有取到)
$("#addOrUpdateIframe").attr("src", "http://blog.jb51.net/search.aspx?key=400&page=2");//可点击链接查看效果 注意页数(显示第二页数据)
郁闷中,感觉很奇怪,就用firebug看了一下修改后的值,问题找到了,jquery 把上面的地址给变成:
http://blog.jb51.net/search.aspx?key=400&page=2//可点击链接查看效果 注意页数(显示第一页数据)
郁闷中。。。。。。。。。。。。。。。。
找了好久也没有找到如果解决该问题,他怎么会把地址的&给改成&了呢?有点搞不懂
问题解决方法:
在无意中把
$("#addOrUpdateIframe").attr("src", "http://blog.jb51.net/search.aspx?key=400&page=2");//可点击链接查看效果 注意页数(显示第一页数据)
改成
$("#addOrUpdateIframe").attr("src", 'http://blog.jb51.net/search.aspx?key=400&page=2');//可点击链接查看效果 注意页数(显示第二页数据)
注意灰色背景的地方,把双引号改成单引号了,问题解决。
html代码如下:
<iframe src="http://www.jb51.net" id="addOrUpdateIframe" style="width:870px;height:450px;" border="0" scrolling="yes" ></iframe>
我用 jquery 的attr 方法设定 iframe的src属性
$("#addOrUpdateIframe").attr("src", "http://blog.jb51.net/search.aspx?key=400");//可点击链接查看效果 注意页数(显示第一页数据)
没有问题,得到了我想要的结果,但是下面的地址却把key后面的参数都掉了(红色字体的参数没有取到)
$("#addOrUpdateIframe").attr("src", "http://blog.jb51.net/search.aspx?key=400&page=2");//可点击链接查看效果 注意页数(显示第二页数据)
郁闷中,感觉很奇怪,就用firebug看了一下修改后的值,问题找到了,jquery 把上面的地址给变成:
http://blog.jb51.net/search.aspx?key=400&page=2//可点击链接查看效果 注意页数(显示第一页数据)
郁闷中。。。。。。。。。。。。。。。。
找了好久也没有找到如果解决该问题,他怎么会把地址的&给改成&了呢?有点搞不懂
问题解决方法:
在无意中把
$("#addOrUpdateIframe").attr("src", "http://blog.jb51.net/search.aspx?key=400&page=2");//可点击链接查看效果 注意页数(显示第一页数据)
改成
$("#addOrUpdateIframe").attr("src", 'http://blog.jb51.net/search.aspx?key=400&page=2');//可点击链接查看效果 注意页数(显示第二页数据)
注意灰色背景的地方,把双引号改成单引号了,问题解决。
您可能想查找下面的文章:
- Jquery中attr与prop的区别详解
- 详谈jQuery中使用attr(), prop(), val()获取value的异同
- 用jquery的attr方法实现图片切换效果
- jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法
- jQuery checkbox选中问题之prop与attr注意点分析
- jquery attr()设置和获取属性值实例教程
- jquery checkbox无法用attr()二次勾选问题的解决方法
- jQuery获取attr()与prop()属性值的方法及区别介绍
- JQuery的attr 与 val区别
- 从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别