如果你想让iframe本身保持不变,而只在父页面中进行跳转,可以使用JavaScript来实现。以下是一个示例代码:index.html (包含iframe的页面)html<!DOCTYPE html><html><head> <title>IFrame Example</title></head><body> <h1>Welcome to my website</h1> <iframe id="myframe" src="page1.html" width="100%" height="500"> <p>Your browser does not support iframes.</p> </iframe> <p>Thank you for visiting!</p> <script> function jumpToPage(url){ document.getElementById("myframe").src = url; } </script></body></html>page1.html (包含超链接的HTML文件)html<!DOCTYPE html><html><head> <title>Page 1</title></head><body> <h2>This is Page 1</h2> <p>Click on the link below to go to Page 2:</p> <a href="#" onclick="jumpToPage('page2.html')">Go to Page 2</a></body></html>在这个例子中,我们定义了一个名为jumpToPage的JavaScript函数,它将在父页面中加载指定的URL。在page1.html文件中,我们将超链接的href属性设置为#,并在单击时调用jumpToPage函数,传递目标URL。当你在浏览器中打开index.html并单击“Go to Page 2”时,将会在父页面中加载page2.html文件,而不会影响iframe本身

要通过iframe的超链接使当前网页跳转你可以在iframe所嵌入的HTML文件中添加一个带有href属性的a超链接标签。以下是一个示例代码:indexhtml 包含iframe的页面html!DOCTYPE htmlhtmlhead	titleIFrame Exampletitleheadbody	h1Welcome to my websiteh1		iframe src=page1html w

原文地址: http://www.cveoy.top/t/topic/ewCx 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录