jQuery怎么给iframe的src赋值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery怎么给iframe的src赋值相关的知识,希望对你有一定的参考价值。

给iframe src赋值,代码如下:

特别注意:

1.上述jquery代码不能缺少 $(document).ready(); ,否则iframe src赋值失败,除非把jquery的代码放在 <iframe ... 的html代码后面。

2.此外,还需要在 <head></head> 里引用 jquery.js

扩展资料

给iframe src赋值的其他方式

1.这是最常用的js给iframe src赋值的方法,代码如下:

2.通过js创建一个iframe元素,然后再给该元素src赋值,代码如下:

参考技术A

jQuery的attr方法可以为元素的属性赋值,例如:

$('iframe').attr('src','src的值');

以上代码将会为所有的iframe设置src值为“src的值”

扩展:

attr赋值方法详细用法如下:

.attr( attributeName, value )

描述: 设置每一个匹配元素的一个或多个属性。

attributeName:

类型: String

要设置值的属性名

value:

类型: String,Number

这个属性设置的值

参考技术B

可以用attr来赋值的。

<iframe id="ifr" src="http://www.baidu.com"></iframe>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function()
  $("#ifr").attr("src","http://www.google.com");
);
</script>

Jquery是一个优秀的Javascript库,还兼容各种浏览器。jQuery使用户能更方便地处理HTML、events、实现动画效果,并且方便地为网站提供AJAX交互。

参考技术C $("iframe").load(function()
$(".XXX").attr("src","XXX.jpg")
)
参考技术D 例如你的 iframe 的 id 是 aaa
就可以这样赋值:

$('#aaa').attr('src','xxxxxx.jsp');

用jquery 怎么给文本框赋值

方法/步骤
新建一个html文档,可以用任何文本编辑器,这里演示用Dreamweaver软件,新建并保存html文档。

然后写html代码,写一个input文本输入框id为inputId,然后写一个按钮,id为buttonId,这里要做的是点击按钮就为输入框赋值。

然后把输入框和按钮的css样式写好,当然不写样式也可以,这里主要是为了美化一下。

最后就是关键步骤了,引入jQuery文件,注意路径一定要正确,然后写jQuery代码,其实就用到了val(“这里是赋值内容”)方法。

打开浏览器测试一下,点击按钮之后输入框内自动输入了赋值的内容。
参考技术A 可以通过两种方法来给文本框赋值:

1.通过jquery方式的val来赋值
$("#realname").val("100");//赋值
2.通过原生js给文本框value来赋值
document.getElementById("realname").value="100";本回答被提问者采纳
参考技术B <input type="text" id="userName" />
$("#userName").val("小明")

参考技术C var i = $(".num").val();
$(".num").attr("value", i);
参考技术D $("#txt1").blur( function ()
$("#txt2").val("一级");
$("#txt3").val("优");

);

以上是关于jQuery怎么给iframe的src赋值的主要内容,如果未能解决你的问题,请参考以下文章

【新手】jquery iframe的src动态赋值问题

使用 javascript/jquery,将表单变量传递给 iframe src 参数

使用jquery怎么根据ID给元素赋值

jquery怎么操作iframe

jquery 怎么用

jquery如何判断DIV宽度并赋值?