正如标题中提到的那样,有可能吗?我已经尝试了几种方法,但没有任何效果。我尝试的最后一个代码使按钮上的文字在其上有不规则,所以我要做的是如标题 +所提及的使按钮内的文字有下划线。
然后谢谢你
编辑:由于看起来不够清晰,所以情况就是如此 我有三个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的框架,这样可能吗?
答案 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;