gpt4 book ai didi

javascript - Javascript 可以切换 frameborders 吗?

转载 作者:行者123 更新时间:2023-11-30 13:43:29 31 4
gpt4 key购买 nike

我正在尝试使用 JS 来切换框架的 frameborder 属性。这是我的测试用例:

<html>
<head>
<script type="text/javascript">
function off() {
var f1 = document.getElementById("f1");
var f2 = document.getElementById("f2");
alert ("before, frame f1 had frameBorder=" + f1.frameBorder);
f1.frameBorder = "0";
alert ("after, frame f1 has frameBorder=" + f1.frameBorder);
alert ("before, frame f2 had frameBorder=" + f2.frameBorder);
f2.frameBorder = "0";
alert ("after, frame f2 has frameBorder=" + f2.frameBorder);
}
</script>
</head>

<frameset cols="50%, 50%" name="fs">
<frame frameborder="1" src="http://bikeshed.com" id="f1" name="f1" />
<frame frameborder="1" src="http://bikeshed.com" id="f2" name="f2" />
</frameset>
</html>

我在 Firefox 中加载它,打开 Firebug,然后在控制台中输入“off()”。它运行我的函数,该函数报告两个 frameborders 都已设置为“1”,现在都设置为“0”..但是,frame border 没有消失。

我想做的事情可行吗?如果是,怎么办?

最佳答案

使用 iframe 而不是框架似乎可行。您必须在 CSS 上做一些工作才能完成框架集的幻觉。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
<head>
<title>Frame Test</title>
<script language="javascript">
var off = function () {
document.getElementById('frame1').style.borderWidth = 0;
alert('off');
}
</script>


</head>
<body style="margin: 0; padding: 0">
<table style="width: 100%; height: 100%" cols="2">
<tr>
<td><iframe id="frame1" src="http://www.google.com" style="margin: 0; width: 100%; height: 100%"></iframe></td>
<td><iframe id="frame2" src="http://www.google.com" style="margin: 0; width: 100%; height: 100%"></iframe></td>
</tr>
</table>

</body>
</html>

关于javascript - Javascript 可以切换 frameborders 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/913378/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com