`
gaozzsoft
  • 浏览: 427078 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

window.location.target控制问题&&FrameSet问题

 
阅读更多

location对象没有target属性.
用js遍历所有的a,设置它们的target值为p.
或者在文档单击的时候.判读点的是不是连接.然后改变连接的target值..
下面是实现代码.

<!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>
<title> new document </title>
</head>
<body>
<iframe id="a1" name="a1" src="about:blank" width="450" height="350"></iframe>
<iframe id="a2" name="a2" src="about:blank" width="450" height="350"></iframe><hr>
   <a href="http://www.baidu.com" target="a1">百度</a><br>
   <a href="http://g.cn" target="a1">Google</a>
   <input type="button" value="改变连接为在第二个IFRAME" onclick="document.onclick = c;target='a2';" />
   <input type="button" value="改变连接为在第一个IFRAME" onclick="document.onclick = c;target='a1';" />
   <script type="text/javascript">
   //<![CDATA[
       var target = 'a1';
       function c(e){
           e = e || window.event;
           var o = e.srcElement||e.target;
           if(o.tagName.toLowerCase() == 'a'){
               o.target = target;
           };
       }
   //]]>
   </script>
</body>
</html>

另一个例子 
这是框架页,另外两个页面代码省了,但加javascrpt示例
  1. <frameset rows="*"  cols="241,*" framespacing="0" frameborder="NO" border="0">  
  2.         <frame src="UntitledFrame2.htm" id="leftFrame" name="leftFrame" scrolling="NO" noresize>  
  3.         <frame src="Untitled-1.htm" id="rigthmain" name="rigthmain">  
  4. </frameset> 

UntitledFrame2.htm面中加入下面内空
  1. <script>  
  2. function aa(){  
  3. window.parent.rigthmain.location.href="http://www.baidu.com";  

<a onClick=" aa()">a</a> 

这也是一个很好用的跳转

另外几种调转的例子,其实基本上就是要对页面之间的关系弄清楚,自己有本javascrip书上写的很详细
自己要认真看

如果你要让最顶层的框架跳转,就是整个页面
window.top.location="……"

如果你要让当前页面的父框架跳转
window.parent.location="……"

如果你要让指定框架跳转
window.top.框架名.location="……";

到父后在定位
window.parent.框架名.location="";

下面这段代码很经典,解决的是这样的一个问题
我用母版页来分隔页面,但又用到iframe,此时问题出现了,一旦页面超时退到登录页面,这个页面老是了现在iframe里,而不是覆盖整个页。然后在登录页中加入下面的这段代码就可以搞定
<script language="javascript" type="text/javascript">
if ( parent.location != document.location )
{//我的理解document.location指登录页的url,parent.location是母版页的url,当不同时,就覆掉它
   parent.location = document.location;
}  
</script>
分享到:
评论

相关推荐

    js实现从框架页跳出

    这种方法也是通过改变父窗口的`location`属性来实现跳转,与前面提到的`window.parent.location`基本相同,但明确指定了`window`对象。 #### 知识点三:兼容性和安全性考虑 在实现跳出框架的过程中,需要注意以下...

    frameset子框架退出

    Response.Write("&lt;script type='text/javascript'&gt;window.parent.location.href='login.aspx';&lt;/script&gt;"); Response.End(); ``` 这段代码首先清除了用户的Session数据,然后在客户端写入一段JavaScript代码,这会...

    js 有框架页面跳转(target)三种情况下的应用

    在JavaScript中,页面跳转是常见的操作,尤其在有框架(frameset)的页面中,跳转需要更精细的控制。本文将详细讲解三种不同情况下的框架页面跳转,包括如何跳出框架、跳转到指定名称的框架以及针对当前页iframe的...

    js href的用法

    在这个话题中,我们将深入探讨`window.location.href`、`location.href`、`parent.location.href`和`top.location.href`的用法,以及它们如何影响页面的导航和刷新。 1. `window.location.href`与`location.href`:...

    一个简单的网页框架 frame

    window.open('index.html','','toolbar=no,menubar=no,location=no,status=no,width=' + screen.width + ',height=' + screen.height + ',left=0,top=0'); } &lt;meta name= "robots " content= "noindex "&gt; ...

    JS实现重新加载当前页面

    总的来说,JavaScript的`document.location.reload()`和`window.parent`等属性提供了灵活的方式来刷新页面或框架,这对于动态Web应用程序的交互性至关重要。正确地使用这些方法,可以确保用户在执行某些操作后看到...

    js 跳出页面的frameset框架示例介绍

    若要在JavaScript中跳出框架,可以使用window对象的open()方法或者修改location属性。以下是几种常见的跳出框架的方法: - 使用`_top`作为window.open()方法的目标窗口。`_top`代表最顶层的窗口,如果当前框架是...

    CSS设计浏览器兼容性问题[定义].pdf

    `window.location.href`是用于改变当前页面地址或获取当前页面URL的属性。然而,有些旧版本的浏览器可能对某些特定的URL格式处理有误,需要特别注意。 `frame`问题涉及到在框架集(frameset)中进行导航和交互。...

    JSP页面跳转的五种方法

    此外,如果当前页面包含`&lt;frameset&gt;`标签,则无法使用此方法进行转发。 #### 2. response.sendRedirect() `response.sendRedirect()`是另一种实现页面跳转的方法,它通过重定向的方式将用户引导至一个新的URL地址...

    jQuery控制frames及frame页面JS的方法

    jQuery控制frames及frame页面JS的方法主要讲述了使用jQuery技术操作frameset和frame页面的技术细节。在具体介绍方法之前,需要明确几个基本概念。 首先,frame是HTML中的一个框架元素,可以用于将浏览器窗口分割为...

    JSP中帧基础应用例子

    window.frames["content"].location = "newContent.jsp"; ``` 或者在JSP中使用`response.sendRedirect()`方法实现服务器端的帧内容跳转。 总的来说,JSP中的帧基础应用主要包括创建帧布局、指定帧内容以及实现帧间...

    eclipse-testng 离线包下载

    eclipse-testng 离线包 &lt;xsl:stylesheet version="2.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" ... indent="yes" omit-xml-declaration="yes" doctype-public="-//W3C//DTD XHTML 1.0 Transitional/...

    网页设计入门.pdf

    7.3 window对象:介绍window对象的属性、方法和事件。 7.4 使用date对象和setTimeout()方法创建时钟显示:展示如何操作时间对象和定时执行函数。 7.5 history和location对象:讲解这两个对象在页面导航中的作用。 ...

    HTML-DOM对象

    `History`对象允许脚本控制历史记录,即可以向前或向后导航网页的历史。 #### 3、Location对象 **3.1 属性** - `href`:获取或设置完整的URL。 - `protocol`:获取协议(例如http://)。 - `host`:获取主机名和...

Global site tag (gtag.js) - Google Analytics