js如何修改iframe 中元素的属性?

如题所述

网页加载的时候,iframe里面的还没加载完当然就更改不了。

1.纯js的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script language="javascript">

function c(){

var a;

try{

if (document.all){

a = document.frames["a"].document;

}else{

a = document.getElementById("a").contentDocument;

}

var b = a.getElementsByName("b")[0];

b.disabled = true;

clearInterval(d);

}

catch(ex){

}

}

</script>

</head>

<body>

<iframe id="a" src="b.html" onload="c();"></iframe>

</body>

</html>

2.使用jQuery框架的,建议使用,封装了js,操作DOM等等非常方便

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script language="javascript" src="/js/jquery-1.4.4.js" type="text/javascript"></script>

<script language="javascript" type="text/javascript">

<!--//

$(document).ready(function(){

if ($.browser.msie){

$('#a').ready(function(){

$(window.frames["a"].document).find("input").attr("disabled","disabled");

});

}

else{

$('#a').load(function(){

$('#a').contents().find("input").attr("disabled","disabled");

});

}

});

//-->

</script>

</head>

<body>

<iframe id="a" name="a" src="iframechild.html"></iframe>

</body>

</html>

b.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<body>

<form name="cform"><input type="text" name="b" /></form>

</body>

</html>

温馨提示:内容为网友见解,仅供参考
无其他回答

js如何修改iframe 中元素的属性?
<iframeid="a"src="b.html"onload="c();"><\/iframe> <\/body> <\/html> 2.使用jQuery框架的,建议使用,封装了js,操作DOM等等非常方便 <!DOCTYPEhtmlPUBLIC"-\/\/W3C\/\/DTDXHTML1.0Transitional\/\/EN""http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd"> <htmlxmlns="http:\/\/www...

iframe内的元素样式如何修改?
在parent.html中,编写代码监测iframe加载完成,并利用jQuery获取并修改sun.html中的样式。sun.html代码则包含需修改样式的元素。预期效果是,两行h3标签在父页面显示为yellowgreen,通过js将其加载到iframe页面中的h3元素修改为orange颜色。这时,父页面的样式(yellowgreen)不会影响到iframe内的元素。使用on...

JavaScript如何修改页面中iframe的属性值
1、HTML5有客户端数据储存的方法,但是支持的浏览器不多,jQuery库的Data对象实现了部分的HTML5客户端储存的功能,而且多浏览器支持;2、简单点的办法就是使用URL参数,即在使用JS对页面进行修改(比如重新设定页面中某个iframe的width)时,同时把设定的值添加到页面的URL中,这样当页面刷新时,设置的值...

怎么用JS改变iframe标签的ID值
首先要得到iframe元素的对象可以根据元素的id,name,class等,<iframe id="xx1" class="xx2" name="xx3"\/> document.getElementById("xx1").id="xx"; \/\/根据id得到对象 改变id值 document.getElementsByClassName("xx2")[0].id="xx";\/\/根据class得到对象 改变id值 document.getElementsByNa...

怎么用js来设置这个iframe属性谢谢啦
, 0); iframe.style.position = "fixed"; iframe.style.bottom = 0; iframe.style.right = 0; iframe.style.width = "305px"; iframe.style.height = "320px"; document.body.appendChild (iframe); }<\/script><\/head><body><\/body><\/html> ...

怎么用JS控制iframe的src
js改变Iframe中Src的方法。具体实现方法如下:

获取了iframe的src怎么更换修改iframe的src
如何更改iframe的src地址 在一个iframe中添加一个名称属性比如X,在另一个iframe中放一个超链接,这样uid的值就会传递给之前定义的名称属性为X的IFRAME。如果只能有一个iframe,下一个jquery库,可以加我QQ发给你,553030761。引用jquery之后,试试这个:$(#该iframe的ID”)。属性(iframesrc="bb.html"...

如何用js控制frame的隐藏或显示的解决办法
方法1:\/\/获得需要隐藏的iframe元素对象。var iframe = document.getElementById('myIframe') ;\/\/设置属性为隐藏。iframe.style = "display:none";方法2:\/\/给按钮绑定点击事件$(function(){ $('#onshow').click(function(){ $('#iframe-box').toggle();\/\/控制是否显示 })})...

js对iframe内外(父子)页面进行操作
获取iframe内容的方式有多种,可以通过iframe对象的Name属性结合window.frames来获取window对象,这样更简洁。一旦获取到window对象,就可以操作iframe内的DOM元素。同样在同域情况下,子iframe可以获取并操作父页面的内容。通过在iframe的window上挂载的API,如location.href的变化,实现数据的交互。对于跨域通信...

Jq 或 Js 如果修改iframe的src地址?
("#TLIWFILE61").attr("src", "your url here")如果ID什么的是随机的 那就有点麻烦了 你总得有办法选到这个iframe,当然如果你这个页面上只有一个iframe的话 $("iframe") 就行了 当然如果你的事件是绑定在那个button上的这样也可以 ("input[type=button]").click(function() {$(this)....

相似回答