如何在指定的frame打开新页面？

最新推荐文章于 2023-09-18 16:45:41 发布
原创 最新推荐文章于 2023-09-18 16:45:41 发布 · 6.1k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#javascript #border
本文介绍了一种使用iframe实现页面导航的方法，通过在顶部设置固定的tab导航，点击不同的选项卡时，在下方的iframe中加载相应的页面内容。文章提供了两种解决方法：一是通过在包含链接的页面中使用base标签指定目标iframe；二是调整JavaScript中的window.open方法来指定目标iframe。

 说明：

 

<frameset rows="10%,*" frameborder="yes" border="1" bordercolor="#CCCCCC">

<frame scrolling="no" src="tab.jsp" noresize="noresize">

<frame scrolling="auto" src="content.jsp" name="contentFrame" id="contentFrame" >

</frameset>

页面分为上下两个部分。上面是tab导航，下面是链接到的不同页面。当点击tab导航时，均在下面的frame中显示页面。

解决方法：

1）若在tab.jsp中是使用了<a href="http://www.baidu.com">baidu</a>打开新页面，

则在tab.jsp的<head></head>之间添加<base target="contentFrame">即可。

2）若在tab.jsp中的javascript中使用了window.open("http://www.baidu.com") 打开新页面，

则需要将其修改为window.open("http://www.baidu.com","contentFrame") 即可。

 

alane1986
关注
在iframe框架中打开页面的方法
09-22
有时候需要在当前的iframe页面打开地址，以来容易控制不用去别的也页面，当前页不用转向也能提交。
如何用javascript在iframe中打开新的url
剑晖(广州)的专栏
05-31 7269
index.html         function go(){    //location.target="main";    var ifrm = document.getElementById("main");    ifrm.setAttribute("src","http://www.csdn.net",0);   }  -
基于Java JFrame的登录界面+Mysql（一：登录窗口）
littleWell的博客
04-28 2776
最近有java爬虫的项目，对于一个刚刚学习java的小白来说看网上各类层出不穷的爬虫框架、项目工程...完全看不懂，为此刻意学习了一下有关URL和Sql的知识。当然因为我很菜..所以就是最最最简单、傻瓜的操作了！ 准备环境： 数据库：我用的Mysql （具体可以在官网下载：https://dev.mysql.com/downloads/installer/ （我这里用的是windows的） ...
使用Java JFrame编写一个简单的登陆界面（二）
baidu_38693912的博客
03-26 8353
Java编写窗口第二弹 基于JFrame窗口的，想要了解Web窗口的话，查看我下一篇文章 下面开始继续介绍JFrame窗口创建登陆注册界面。 接着上一篇文章所说，如何进行检测用户是否输入了正确的用户名与密码 （上一篇文章地址：点击这里） 其实很简单，就是给登陆按钮设置一个监听器，并且给监听器进行编写方法。 检测文本框TextField中是否还是提示内容。如果是就弹出错误框，提示用户名密码不能为空。...
frame和iframe的使用与总结
热门推荐
klicky的专栏
10-15 1万+
js 操作frameset frame 对象 框架编程概述 一个HTML页面可以有一个或多个子框架，这些子框架以来标记，用来显示一个独立的HTML页面。这里所讲的框架编程包括框架的自我控制以及框架之间的互相访问，例如从一个框架中引用另一个框架中的JavaScript变量、调用其他框架内的函数、控制另一个框架中表单的行为等。 框架间的互相引用 一个页面中的所有框架以集合的形式作为window
点击a标签，跳转到iframe中，并在iframe中显示指定的页面
weixin_33995481的博客
12-07 1702
点击a标签，跳转到iframe中，并在iframe中显示指定的页面 　1、用a标签的target属性 　　&lt;iframe id="myFrameId" name="myFrameName" scrolling="no" frameborder="0"&gt;&lt;/iframe&gt; 　　&lt;a href="../XX.action?codeInfo=Demo12
Frameset 框架集 导航栏 的使用
akg4386的博客
02-19 446
在index.jsp中 使用jsp标签转发到制定页面 <body> <jsp:forward page="/admin/frame.jsp"></jsp:forward> </body> 在frame.jsp页面中 注意：在该html页面中使用frameset的话就不能在使用<body>元素 ...
Robotframework 关键字
weixin_44931933的博客
05-19 237
open browser：打开浏览器并输入URL Execute Javascript ：浏览器打开新页面和地址 输入表达式window.open(‘具体的url’)l;即可打开新页签，并跳转到指定的url Select Window：浏览器切换窗口 Mouse over ：鼠标悬停 ...
javaScript框架嵌套（页面）
yuanyuan214365的博客
11-18 709
!doctype html> 框架嵌套 嵌套的页面 2-1-left-middle.html 链接到顶部框架 链接到右部框架 连接到底部框架
快速精通掌握FRAME的使用
Enjoy Codes-----Lijie Wang
11-25 1678
　FRAME（框架）是Web上经常会看到的页面结构。使用可视Web开发工具（比如Dreamweaver或者Frontpage），虽然可以在WYSIWYG环境中通过简单的鼠标托拽完成FRAME的构建，但是要实现真正细致甚至强大的功能，仔细理解FRAME的代码结构至关重要！你将发现，FRAME原来是这样的亲切易用。 　　创建基本的FRAMESET  　　FRAMESET页面与普遍的Web页面有些不同。
HTML跳转至框架内的一个指定的节
yushuangping的博客
02-15 556
1、主文件：frame_chapter.html &lt;html&gt; &lt;frameset cols="20%,80%"&gt; &lt;frame src="frame_a.html"&gt; &lt;frame src="link.html#C4"&gt; &lt;/frameset&gt; &lt;/html&gt; 2
开发一个后台管理系统的主框架页面（登录、主界面、子界面）
mebell的专栏
09-18 2264
登录 1. 找到 src/router/index.js 路由文件，添加登录路由代码： { path: '/login', component: (resolve) => require(['@/views/login.vue'], resolve) } 2. 在 src/views 目录下新增 login.vue 文件，内容如下： <template> <div class="login-bg"> <div class="login-box"&g
js 指定iframe 跳转指定页面
L727248517的专栏
08-19 2536
var frame = document.getElementById(frame的id); frame.src="...";
javascript框架编程
pzp_7676的专栏
11-06 616
 关键词： javascript框架编程                                           框架编程一个HTML页面可以有一个或多个子框架，这些子框架以来标记，用来显示一个独立的HTML页面。这里所讲的框架编程包括框架的自我控制以及框架之间的互相访问，例如从一个框架中引用另一个框架中的 JavaScript变量、调用其他框架内的函数、控制另一个框架中表
如何跳转一个由两个框架组成的页面
weixin_30652271的博客
12-07 113
<a href="要跳转的地址" target="_top" >跳转</a> target="_top"是打开时忽略所有的框架。整个页面跳出 转载于:https://www.cnblogs.com/lls1350767625/p/8001306.html
技术分享 | 网页 frame 与多窗口处理
ceshiren_com的博客
05-12 1197
本文节选自霍格沃兹测试开发学社内部教材 要定位一个元素时，怎么都定位不到的时候就要考虑是不是浏览器内嵌了一个 frame 窗口或者要找的元素在新打开的窗口里。这时候就需要进行 frame 的切换或者窗口的切换。 frame 类似于在原有主 HTML 的基础上又嵌套一个 HTML，而且嵌套的 HTML 是独立使用的，互不影响。 当打开一个页面时，光标的定位是在主页面中，如果页面是由多个 frame 组成的，那么无法直接定位到具体的元素，需要切换到自己所需要的 frame 中，再查找该元素.
Electron使用指南 - [14] 打开网站窗口
sdasadasds的博客
12-01 1247
点击一个条目，根据获取到的网站 URL 信息，打开网站窗口。 1、修改 Main.vue 在 /src/components/Main.vue 组件里，给每个条目添加双击事件，双击后打开网站窗口，同时注入一段 JS 代码： <template> <main> // ... <div id="items"> <div // ... @dblclick="open(item.url, index)"
动态绑定treeview的方法
weixin_30765505的博客
09-25 123
前台代码 注意 一定要加上Target="contentFrame"否则跳转的时候 跳不到内容框架 Page Language="C#" AutoEventWireup="true" CodeFile="Left.aspx.cs" Inherits="Left" %> <html> <head id="Head1" runat="server"> ...
html target属性详解（如何分窗口，frame、target、base、hr）
Code-lover's Learning Notes
10-19 1万+
A的target属性 　　介绍A标签的另一个重要的属性——target。 例子 target=_blank href=/cgi-bin/mybbs/>myBBS 显示 myBBS 说明 　　这个连接和一般的连接看起来没有任何区别，只是点这个连接时， 浏览器将打开一个新的窗口显示myBBS。target可能的值还有： _blank 开一个新窗口
a标签的target链接跳转指向iframe的方法
得已
03-30 1万+
&lt;iframe  name="myFrameName" &gt;&lt;/iframe&gt; &lt;a href="#" target="myFrameName" &gt;11111&lt;/a&gt; 
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值