以下是一个示例代码,展示了如何使用HTML和CSS将按钮链接到嵌套页面:
HTML代码:
CSS代码(保存为style.css文件):
button {
padding: 10px 20px;
font-size: 16px;
}
在上面的代码中,我们使用了一个按钮元素来触发打开嵌套页面的功能。当按钮被点击时,会调用
openPage()
函数,并将嵌套页面的URL作为参数传递给该函数。openPage()
函数使用 window.location.href
将页面重定向到嵌套页面的URL。
注意,嵌套页面的URL应该是相对于当前页面的路径或绝对路径。在这个例子中,假设嵌套页面的文件名为nested.html
。
希望这个示例能够帮助到你!