如何将框架集 col 值设置为变量

发布于 2024-09-15 01:35:58 字数 578 浏览 19 评论 0原文

这段代码生成一个具有两个垂直列的页面：

<frameset id="set" cols="*,*">
    <frame id="frame1" src="index.html"> 
    <frame id="frame2" src="index2.html"> 
</frameset>

但是，我希望能够像这样独立地设置 cols 值：

function setvalue(){   
    var framewidth=prompt("Enter the default right column width : ", "50%")
}

然后更改 cols 值。这就是我的问题所在，我无法正确编写脚本......这就是它的样子：

<Script>
  document.getElementByid["set"].cols.value = framewidth;
</script>

我哪里出错了？

原文

This piece of code produces a page with two vertical columns:

<frameset id="set" cols="*,*">
    <frame id="frame1" src="index.html"> 
    <frame id="frame2" src="index2.html"> 
</frameset>

However, I want to be able to set the cols value independantly like this:

function setvalue(){   
    var framewidth=prompt("Enter the default right column width : ", "50%")
}

and then change the cols value... This is where my problem lies, I can't get the script right... Here's what it looks like:

<Script>
  document.getElementByid["set"].cols.value = framewidth;
</script>

Where am I going wrong?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

何必那么矫情 2024-09-22 01:35:58

我在您的代码中发现了一些错误：

document.getElementById 是一个函数，因此应该像这样调用它：

document.getElementById("set");

其次，当您设置元素属性的值时，例如“cols”你的情况，你应该这样做：

document.getElementById("set").cols = "20%, 80%"

我在 Firefox 中做了一个快速测试，这有效：

<html>
<head>
   <script type="text/javascript">
      function setvalue(){   
         var framewidth=prompt("Enter the default right column width : ", "50")

         var width = parseInt(framewidth);
         width = isNaN(width) ? 50 : width;

         var val = (100 - width) + "%, " + width + "%";

         document.getElementById("set").cols = val
      }

      window.onload = setvalue;
   </script>
</head>
<frameset id="set" cols="*,*">
    <frame id="frame1" src="index.html"> 
    <frame id="frame2" src="index2.html"> 
</frameset>
</html>

将提示中的值设置为：80

There are a few things i see wrong in your code:

the document.getElementById is a function so it should be called like so:

document.getElementById("set");

secondly when you set value for attribute of an element, e.g. "cols" in your case, you should do it like so:

document.getElementById("set").cols = "20%, 80%"

I did a quick test in Firefox and this works:

<html>
<head>
   <script type="text/javascript">
      function setvalue(){   
         var framewidth=prompt("Enter the default right column width : ", "50")

         var width = parseInt(framewidth);
         width = isNaN(width) ? 50 : width;

         var val = (100 - width) + "%, " + width + "%";

         document.getElementById("set").cols = val
      }

      window.onload = setvalue;
   </script>
</head>
<frameset id="set" cols="*,*">
    <frame id="frame1" src="index.html"> 
    <frame id="frame2" src="index2.html"> 
</frameset>
</html>

Set the value in prompt as: 80

回复收藏 0 原文

~没有更多了~