`

空链接href="#" 问题、base标签和两层iframe打开目标window.parent.location

阅读更多
http://hi.baidu.com/zdz8207/blog/item/e5a5379b38610fb1c9eaf494.html

使用javascript的时候,通常我们会通过类似:
<a href="#" onclick="javascript:方法">提交</a>
的方式,通过一个伪链接来调用javascript方法.这种方法有一个问题是:
虽然点击该链接的时候不会跳转页面.但是滚动条会往上滚,解决的办法是返回一个false.
如下所示:
<a href="#" onclick="javascript:方法;return false;">提交</a>

a href="javascript:void(0)" onclick="javascript:方法;return false;"提交
javascript:void(0)就不会向上跳了:)

还有一个方法是 #this
a href="#this" onclick="javascript:方法"
----------------------------------------------------------------------------

#包含了一个位置信息

默认的锚点是#top 也就是网页的上端

而javascript:void(0) 仅仅表示一个死链接

这就是为什么有的时候页面很长浏览链接明明是#可是

跳动到了页首

而javascript:void(0) 则不是如此

所以调用脚本的时候最好用void(0)

或者<input onclick>

<div onclick>等

打开新窗口链接的几种办法

1.window.open('url')

2.用自定义函数

        <script>
        function openWin(tag,obj)
        {
             obj.target="_blank";
             obj.href = "Web/Substation/Substation.aspx?stationno="+tag;
             obj.click();
         }
        </script>

<a href="javascript:void(0)" onclick="openWin(3,this)">株洲</a>

window.location.href=""

--------------------------------------------

< base >是一个链接基准标记,用以改变文件中所有链接标记的参数默认值。它只能适应于文件的开头部分,即标记< head >与< /head >之间。

<head>
<base href="/" />
</head>

上面是符合xhtml的写法。这样,即设定了该网页中所有HTTP文件及图片(包括相对路径链接及图片地址等)的默认路径为cocoad.com.cn的首页,这参数只可填入一个相对或绝对路径。

一般相对路径链接及图片地址等都是默认以该网页所在的目录作为起点,若使用这个方法,该文件中所有链接将会以cocoad.com.cn的首页作为起点。

在设定了base的情况下,如果有一个链接如下

<head>
<base href="/" />
</head>
<body>
<a href="/">可可设计</a>
</body>

那么,不管这个链接在页面的什么位置,它都指向dUcky的私生活。

用这个方法,我们也可以把所有链接都设成在新窗口打开,也就是target="_blank" 。

<head>
< base target="_blank" />
</head>

这样,页面所有的链接都将在新窗口打开。
分享到:
评论

相关推荐

    mvc常用的跳转

    这里使用的`&lt;base&gt;`标签是为了确保新打开的窗口中的链接默认会在当前窗口中打开,而不是新开一个窗口。此外,还可以使用以下方式刷新不同的上下文: - `window.location.reload()`:刷新当前窗口。 - `parent....

    前端读取JS绝对目录的方法

    如果脚本是在`&lt;iframe&gt;`的`srcdoc`属性内,可以通过`window.parent`访问到包含它的`&lt;iframe&gt;`,然后获取脚本的路径。但这种方法仅适用于这种情况。 5. **服务端辅助**: 如果你有服务端环境,可以考虑在服务端...

    防止直接访问系统后台页面

    本文将详细介绍如何通过JavaScript(JS)和C#两种语言来实现这一目标,从而为系统提供额外的安全层。 ### 一、JavaScript方法:防止直接访问 #### 1.1 JS代码实现 首先,我们来看看如何使用JavaScript来防止直接...

    jqdialog:jqueryUI 与 iframe

    window.parent.postMessage("Hello from iFrame!", "*"); // 主页面 window.addEventListener("message", function(event) { if (event.origin !== "http://example.com") return; console.log("Received ...

    ExtAspNet_v2.3.2_dll

    -修正了使用IFrame的Window关闭后不能再次打开的BUG(feedback:alexa99)。 -修正了IE下Grid中的一个JS问题(feedback:lqm4108)。 -修正Alert消息中引号未编码导致的JS错误(feedback:sun1299shine)。 +集成extjs...

    HTML-DOM对象

    - `href`:获取或设置链接的目标URL。 - `rel`:获取或设置链接的关系类型。 - `type`:获取或设置链接的MIME类型。 **7.2 标准属性** - `target`:设置或获取链接的目标框架。 #### 8、Base对象 - `href`:获取或...

Global site tag (gtag.js) - Google Analytics