可以使按钮充当超链接或其他类似的按钮,但是针对另一个框架? (HTML)

时间:2013-12-12 07:29:02

标签: html css dom

正如标题中提到的那样,有可能吗?我已经尝试了几种方法,但没有任何效果。我尝试的最后一个代码使按钮上的文字在其上有不规则,所以我要做的是如标题 +所提及的使按钮内的文字有下划线。

然后谢谢你

编辑:由于看起来不够清晰,所以情况就是如此 我有三个HTML页面 让我们说 index.html ,* list.html *和 judul.html

- list.html

的HTML代码

<html>
    <head>
        <title>List</title>
</head>
<body>
    <form action="new 2.html" target="tengah">
        <input type="submit" value="About Us">
    </form>
</body>
</html>

<html> <head> <title>List</title> </head> <body> <form action="new 2.html" target="tengah"> <input type="submit" value="About Us"> </form> </body> </html>

- 然后 index.html

<html>
<head>
    <title>Frame</title>
</head>
<frameset rows="20%,80%" bordercolor='blue' noresize id="judul">
    <frame src="Judul.html" id="atas">
    <frameset cols="15%,85%" id="kolom">
        <frame src="list.html" id="daftar">
        <frame src="" id="tengah">
    </frameset>
</frameset>
</html>

最后一个 judul.html 不包括在内,因为它设置了另一个元素,例如根据条件显示行或显示内容的大小。 所以我正在努力做的是在list.html上创建一个链接到其他页面的按钮,但是将其显示到ID为tengah的框架,这样可能吗?

3 个答案:

答案 0 :(得分:2)

你可以这样做:

<button id="btn">Button</button>
<iframe id="frame"></iframe>

使用JS:

var btn = document.getElementById("btn");
var frame = document.getElementById("frame");

btn.addEventListener("click", function()
{
    frame.src = 'http://url.com/';

});

答案 1 :(得分:1)

您可以使用target元素中的form属性:

<form action="..." target="...">
<input type="submit" value="...">
</form>

答案 2 :(得分:-2)

你可以用JQuery这样做:

$('#btn').bind("click", function() {
    $('#frame').attr('src',"http://someurl.com");
    return false;
});

删除带下划线的文字使用此css:

text-decoration: none;