blocks|key|554596|text|使用attr|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|554597|$('#abc_frame').attr('src',+url)|code-block|syntax|javascript|554598|通过这种方式，您可以获取和设置每个HTML标记属性。请注意，还有.prop()。有关不同之处，请参阅.prop()+vs+.attr()。简而言之：.attr()用于属性，因为它们是用HTML源代码编写，而.prop()用于附加到DOM元素的所有JavaScript。|style|CODE|554599|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/attr/|1|https://stackoverflow.com/questions/5874652/prop-vs-attr^0|2|4|0|0|0|W|7|22|7|2V|7|1E|I|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|11|8|@$A|12|B|13|K|L]|$A|14|B|15|K|L]|$A|16|B|17|K|L]]|9|@$A|18|B|19|1|1A]]|C|$]]|$1|M|3|-4|5|6|7|1B|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]|U|$5|P|Q|R|C|$S|V]]]]

<p>Use <a href="http://api.jquery.com/attr/" rel="noreferrer">attr</a></p>

<pre><code>$('#abc_frame').attr('src', url)
</code></pre>

<p>This way you can get and set every HTML tag attribute. Note that there is also <code>.prop()</code>. See <a href="https://stackoverflow.com/questions/5874652/prop-vs-attr">.prop() vs .attr()</a> about the differences. Short version: <code>.attr()</code> is used for attributes as they are written in HTML source code and <code>.prop()</code> is for all that JavaScript attached to the DOM element.</p>


blocks|key|554610|text|$(document).ready(function()+{
++++$('#abc_frame').attr('src',url);
})|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|554611|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$(document).ready(function() {
    $('#abc_frame').attr('src',url);
})
</code></pre>


blocks|key|554665|text|如果您使用的是jQuery+1.6及更高版本，则需要使用.prop()而不是.attr():|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|554666|$('#abc_frame').prop('src',+url)|code-block|syntax|javascript|554667|有关差异的解释，请参阅this+question。|554668|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/prop/|1|https://stackoverflow.com/questions/5874652/prop-vs-attr^0|12|8|S|7|0|0|0|B|D|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|F|3|G|5|H|7|12|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|13|8|@]|D|@$9|14|A|15|1|16]]|E|$]]|$1|M|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]|U|$5|P|Q|R|E|$S|V]]]]

<p>if you are using jQuery 1.6 and up, you want to use <a href="http://api.jquery.com/prop/" rel="noreferrer">.prop()</a> rather than <code>.attr():</code></p>

<pre><code>$('#abc_frame').prop('src', url)
</code></pre>

<p>See <a href="https://stackoverflow.com/questions/5874652/prop-vs-attr">this question</a> for an explanation of the differences.</p>


blocks|key|554754|text|在生成链接时，将目标设置为iframes+name属性，您可能根本不需要处理jquery。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|554755|<a+href="inventory.aspx"+target="contentframe"++title="Title+Inventory">
<iframe+id="iframe1"+name="contentframe"++></iframe>|code-block|syntax|javascript|554756|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>While generating the links set the target to the iframes name property and you probably wont have to deal with jquery at all.</p>

<pre><code>&lt;a href="inventory.aspx" target="contentframe"  title="Title Inventory"&gt;
&lt;iframe id="iframe1" name="contentframe"  &gt;&lt;/iframe&gt;
</code></pre>


blocks|key|554866|text|$(".excel").click(function+()+{
++++var+t+=+$(this).closest(".tblGrid").attr("id");
++++window.frames["Iframe"+%2B+t].document.location.href+=+pagename+%2B+"?tbl="+%2B+t;
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|554867|这就是我使用的，不需要jquery。在这个特定的场景中，对于我使用excel导出图标的每个表，这会强制附加到该表的iframe使用该页所查找的查询字符串中的变量加载相同的页，如果找到响应，则会写出一个具有excel+mimetype类型的流，并包含该表的数据。|unstyled|554868|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>$(".excel").click(function () {
    var t = $(this).closest(".tblGrid").attr("id");
    window.frames["Iframe" + t].document.location.href = pagename + "?tbl=" + t;
});
</code></pre>

<p>this is what i use, no jquery needed for this. in this particular scenario for each table i have with an excel export icon this forces the iframe attached to that table to load the same page with a variable in the Query String that the page looks for, and if found response writes out a stream with an excel mimetype and includes the data for that table. </p>


blocks|key|771456|text|设置src属性对我不起作用。iframe未显示url。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|771457|对我起作用的是：|771458|window.open(url,+"nameof_iframe");|code-block|syntax|javascript|771459|希望这能帮助到别人。|771460|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>Setting src attribute didn't work for me.
The iframe didn't display the url.</p>

<p>What worked for me was:</p>

<pre><code>window.open(url, "nameof_iframe");
</code></pre>

<p>Hope it helps someone.</p>


blocks|key|554994|text|<script+type="text/javascript">
++document.write(
++++"<iframe+id='myframe'+src='http://www.example.com/"+%2B+
++++window.location.search+%2B+"'+height='100'+width='100%25'+>"
++)+
</script>++|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|554995|这段代码从包含iframe的页面获取url参数(?a=1&b=2)，并将它们附加到iframe的基本url。它符合我的目的。|unstyled|554996|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>&lt;script type="text/javascript"&gt;
  document.write(
    "&lt;iframe id='myframe' src='http://www.example.com/" + 
    window.location.search + "' height='100' width='100%' &gt;"
  ) 
&lt;/script&gt;  
</code></pre>

<p>This code takes the url-parameters (?a=1&amp;b=2) from the page containing the iframe and attaches them to the base url of the iframe. It works for my purposes. </p>


<p>I have a main page (actually a JSP) with an iframe inside it as;</p>

<pre><code>&lt;iframe name="abc_frame" id="abc_frame" src="about:blank" frameborder="0" scrolling="no"&gt;&lt;/iframe&gt;
</code></pre>

<p>Now there are multiple links on the main page (rendered dynamically via JSP) which can try to set the src to some URL...</p>

<p>Now my question is,using jQuery (may be live()), can I override that in such a way that the "src" attribute for abc_frame would always have some particular value (e.g. "somefixedURL")</p>

<p>I cannot capture the link clicking, as it is completely dynamically created via some Java code and hence I am trying to override the iframe src ?</p>


jQuery Force set src attribute for iframe

jQuery

Java

我有一个主页(实际上是一个JSP)，里面有一个iframe；<iframe name="abc_frame" id="abc_frame" src="about:blank" frameborder="0" scrolling="no"></iframe>现在主页上有多个链接(通过JSP动态呈现)，可以尝试将src设置...

问jQuery强制设置iframe的源属性
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery强制设置iframe的源属性EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery强制设置iframe的源属性
EN