在框架中用JS设置target（用于location.href）

最新推荐文章于 2023-07-23 05:00:00 发布
最新推荐文章于 2023-07-23 05:00:00 发布
阅读量1k 收藏 2
点赞数
分类专栏： 前端 js JavaScript 文章标签： target
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qubernet/article/details/82920772
版权
前端 同时被 3 个专栏收录
103 篇文章 0 订阅
订阅专栏
js
83 篇文章 0 订阅
订阅专栏
JavaScript
52 篇文章 0 订阅
订阅专栏

    location.href在框架中的使用target，如果只是简单的设置location.href="",会使得整个页面显示在子框架中，导致出现重叠框架。

解决办法：

window.top.framename.location.href = url;

window.parent.location.href=url;

mainframe.location.href=url;

 

下面是框架架构：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="frame_index.aspx.cs" Inherits="common_frame_index" %>

<%@ Import Namespace="CommonLayer" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>
        <%= CommonClass.ProjectName %></title>
        <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
</head>
<frameset rows="67,*,25" cols="*" frameborder="no" border="0" framespacing="0" vertical-align="middle;">
  <frame src="frame_top.aspx" name="topFrame" scrolling="no" noresize="noresize" id="topFrame"   />
  <frameset cols="209,7,*" frameborder="no" border="0"  framespacing="0" name= "mainContentFrame" id = "mainContentFrame" >
        <frame src="frame_left.aspx" name="leftFrame" scrolling="auto"  id="leftFrame"  noresize="noresize" />
        <frame src="frame_center.html" name="CenterFrame" id="CenterFrame" title="CenterFrame" />
            <frame src="frame_content.aspx" name="main" id="main" scrolling="yes" frameborder="no" noresize="noresize"/>
        </frameset>
   <frame src= "frame_bottom.aspx" name="bottom" scrolling="no" noresize="noresize" id="bottom" title="bottom" />

</frameset>
</html>

qubernet
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js中window.location.href解决target的问题
menghuannvxia的专栏
09-05 8268
location是没办法设置target的。location就是本地本页的意思，只能设置本页的指向，如果界面中用到iframe那么可以这样： parent.frames["iframe的name"].window.loaction.href="a.jsp";
location.href target属性
三月神的专栏
07-23 2676
在使用框架时，经常会对框架子页面进行页面引导的情况，如果只是简单的设置location. href="http://jianzhong5137.blog.163.com/blog/",会使得整个页面显示在子框架中，导致出现重叠框架。如何解决呢？很简单。只要指定子框架的父级框架页面链接至目标页面即可。如 window.top.location.href =url window.top
JavaScript ---location.href的用法
idomyway的博客
12-26 3万+
前言 location.href=”/url”在网页中主要是牵扯到页面跳转的问题 location.href Javascript中的location.href有很多种用法，主要如下： 　 self.location.href=”/url” 当前页面打开URL页面 location.href=”/url” 当前页面打开URL页面 windows.location.href=”/ur
JS触发事件的元素——target
z2431435的博客
09-23 1012
target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素，获取当前操作的事件源。
js实现让网站的外链加target=_blank
weixin_38330185的博客
12-24 2005
function add() { var all_a = document.getElementsByTagName("a"); host_url=window.location.host; for (var i = 0; i &lt; all_a.length; i++) { var domain = all_a[i].href.split("/");...
在Java中用类装载框架控制类加载
02-04
摘要通过构建一个能够把Java类装载隔离到一个指定的jar文件中的类装载组件容器框架，你可以确保运行时刻会装载你期望的组件版本。Java的类装载框架强有力且具有灵活性。它允许应用程序存取类库而不必链接到静态的...
filemanage功能中用到的common.js
10-30
filemanage功能中用到的common.js
filemanage功能中用到的lib.js
10-30
filemanage功能中用到的lib.js
JS在子类中用Object.getPrototypeOf去调用父类方法
08-17
总结一下，`Object.getPrototypeOf`是JavaScript中用于获取对象原型的关键工具，它在子类调用父类方法时起到了桥梁的作用。通过理解原型链的工作原理，我们可以更有效地实现继承和代码复用。在实际开发中，正确地...
在EXCEL中用VBA处理WORD表格常规属性.pdf
05-17
在EXCEL中用VBA处理WORD表格常规属性.pdf在EXCEL中用VBA处理WORD表格常规属性.pdf在EXCEL中用VBA处理WORD表格常规属性.pdf在EXCEL中用VBA处理WORD表格常规属性.pdf在EXCEL中用VBA处理WORD表格常规属性.pdf
javascript中的location.href多种用法
Rootone的博客
12-13 5393
javascript中的location.href有很多种用法，主要如下。 self.location.href="/url" 当前页面打开URL页面 location.href="/url" 当前页面打开URL页面 windows.location.href="/url" 当前页面打开URL页面，前面三个用法相同。 this.location.href="/url" 当前页面打开UR
使用了框架iframe的页面如何跳出框架
cktmyh的专栏
07-20 1万+
一句话，javascript中使用window.top.location="url"即可。 小知识： "window.location.href"、"location.href"是本页面跳转. "parent.location.href" 是上一层页面跳转. "top.location.href" 是最外层的页面跳转. 举例说明：     如果A,B,C,D都是html，D是C的ifr
location.href的几种用法
最新发布
Andrew_Chenwq的博客
07-23 1149
在js中，经常用于页面跳转。它主要有如下几种用法：在当前页面打开URL页面。需要注意的是window.location.href=window.location.href与window.location.reload()都是刷新当前页面，但是如果页面上有提交数据的时候，window.location.reload()会提示是否提交。在父页面打开URL页面。在顶层页面打开URL页面。
如何在window的location使用target
想飞的孤独少年的博客
10-22 593
如何在window的location使用target 在页面中window的location跳转时，指定页面在框架中跳转 如果你要让最顶层的框架跳转，就是整个页面,相当于用traget指向顶层 window.top.location = "…… " 如果你要让当前页面的父框架跳转 ,相当于用traget指向父框架 window.parent.location = "…… "...
js中a标签跳转问题（参数隐藏问题以及href和target的冲突问题）
guodongCC322的博客
04-05 7719
我们在写a标签的href时，有的时候不希望被人看到我们提交的参数，这个时候有两种解决办法，一种是用ajax设置提交方式为post方式（如果已经在ajax方法中，需要使用ajax嵌套，这个时候需要在内层ajax中设置async:false，设置请求方式为同步），另外一种方法是在href的js方法中创建form表单提交，并设置提交形式为post，具体代码如下： body>
js中top.location.href、parent.location.href用法
热门推荐
kakaxiD的博客
09-22 3万+
window.location.href、location.href是本页面跳转parent.location.href是上一层页面跳转top.location.href是最外层的页面跳转举例说明：window.location.href、location.href：例:window.location.href= 'wapsend1.asp?zimu=A&rev= ' + form1.rev
window.location.href的target控制
白云城主的博客
10-28 648
window.location.href的target控制 2008-01-17 15:38 在使用框架时，经常会对框架子页面进行页面引导的情况，如果只是简单的设置location. href="",会使得整个页面显示在子框架中，导致出现重叠框架。如何解决呢？很简单。只要指定子框架的父级框架页面链接至目标页面即可。如 window.top.framename.loc...
JSP中window.location.href"、"location.href"、"parent.location.href"、"top.location.href"和"target属性"的用法
tian_tian2
09-22 1573
window.location.href"、"location.href"、"parent.location.href"、"top.location.href"、"target属性"
在js中用three.js 同时用.tga .cfg .mp4 做一个动画
06-13
Three.js 是一个非常强大的 3D 渲染引擎，可以同时支持多种格式的图片和视频文件，包括 .tga、.cfg 和 .mp4 等。 在使用 Three.js 加载 .tga 图片时，可以使用 TGALoader 类。示例代码如下： ```javascript var loader = new THREE.TGALoader(); loader.load( 'textures/image.tga', function ( texture ) { var material = new THREE.MeshBasicMaterial( { map: texture } ); //... } ); ``` 在使用 Three.js 加载 .cfg 配置文件时，可以使用 JSONLoader 类。示例代码如下： ```javascript var loader = new THREE.JSONLoader(); loader.load( 'models/config.cfg', function ( geometry, materials ) { var material = new THREE.MeshFaceMaterial( materials ); var mesh = new THREE.Mesh( geometry, material ); //... } ); ``` 在使用 Three.js 加载 .mp4 视频文件时，可以使用 VideoTexture 类。示例代码如下： ```javascript var video = document.createElement( 'video' ); video.src = 'videos/video.mp4'; video.autoplay = true; video.loop = true; var texture = new THREE.VideoTexture( video ); var material = new THREE.MeshBasicMaterial( { map: texture } ); //... ``` 通过以上的代码，你可以在 Three.js 中同时使用 .tga、.cfg 和 .mp4 文件，制作出丰富多彩的动画效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值