`

空链接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>

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

相关推荐

    HTML base 标签的 href 属性

    总之,`&lt;base&gt;`标签的`href`属性是一个强大的工具,用于管理和标准化页面中的链接行为。正确使用它可以提高网站的可维护性和用户体验。在实际开发中,我们需要根据项目需求来决定是否以及如何使用这个标签,确保其...

    Xilium CefGlue 浏览器弹出新窗口,改为新标签选项卡中打开的问题

    在使用Xilium CefGlue时,可能会遇到一个常见的问题,即浏览器组件在点击链接或执行JavaScript的`window.open`时,会弹出新的窗口,而不是在当前窗口或者在已存在的标签页中打开。这可能不符合用户的期望,特别是...

    jquery.base64.js及使用方法

    在"公司领取注册领取礼品"的场景中,可以使用编码后的手机号作为参数,构建安全的URL,然后使用`window.location.href`进行页面跳转: ```javascript var safeUrl = 'nextPage.html?phone=' + encodedNumber; ...

    javascript中BASE标签作用

    如果没有找到`&lt;base&gt;`标签或者其`href`属性为空,则返回`null`。 ### `target`属性与`&lt;base&gt;`标签 除了作为相对URL的解析基准之外,`&lt;base&gt;`标签还可以通过`target`属性来控制链接的打开方式。例如,`&lt;base target...

    struts中base标签的target属性

    `target` 属性是 `&lt;s:base&gt;` 标签的一个关键属性,它决定了在页面中创建的链接所打开的目标窗口或框架。`target` 属性主要有以下几种取值: 1. **_blank**:表示链接将在一个新的浏览器窗口或新的标签页中打开。这...

    mvc常用的跳转

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

    HTML a 标签的 target 属性.doc

    - 当使用 `_blank` 时,浏览器可能会根据用户的设置或安全策略在新窗口或新标签页中打开链接。 - 如果在 `&lt;base&gt;` 标签中设置了 `target` 属性,则该设置将成为所有 `&lt;a&gt;` 标签的默认行为。 - 使用框架时,确保 `...

    HTML5 对各个标签的定义与规定:base

    因此,为了确保预期的行为,最好将`&lt;base&gt;`标签放在所有超级链接和表单元素之前。 #### 示例代码 下面是一个典型的使用`&lt;base&gt;`标签的例子: ```html &lt;!DOCTYPE html&gt; &lt;title&gt;This is an example for the &lt;base&gt;...

    html常用标签解释大全

    它由一系列的标签组成,每个标签都有其特定的功能和用途。本文将对 HTML 中常用的标签进行详细的解释。 1. 文件标题 <title> 标签用于定义 HTML 文档的标题,它通常出现在 <head> 标签中。该标签的内容将显示...

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

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

    html js asp经典代码

    - **代码示例**:`window.defaultStatus="stryV1.2"` 或 `&lt;base onmouseover="window.status='stryv1.1';return true"&gt;` - **应用场景**:当鼠标移动到某个元素上时,浏览器状态栏会显示相应的提示文字。 ### 2. ...

    sun.misc.BASE64Encoder.jar包

    `sun.misc.BASE64Encoder`和`sun.misc.BASE64Decoder`就是这样的两个类,它们分别用于Base64编码和解码。 Base64是一种用于将二进制数据转换为可打印ASCII字符的编码方式,常用于在网络上传输二进制数据,如电子...

    加入收藏源代码,设为首页源代码

    a.contentWindow.document.write('&lt;base href=\"'+location.href+'\"&gt;');a.contentWindow.document.close();d.HomePage=d.location;a.parentNode.removeChild(a)}})()" /&gt; ``` 这段代码首先尝试通过JavaScript将...

    新浪网易的评论块制作源码

    1.因为 textarea里面不能放图片,所以和新浪的做法一样,选用iframe放内容,然后隐藏一个 textarea用于提交。 2.JQqery tab 插件的使用(文盲都会) 先引用这三个: &lt;link href=...

    pb9_base64_pb调用base64.dll_PB9base64_Base64.dll_glass8y6_pbbase64

    标题中的"pb9_base64_pb调用base64.dll_PB9base64_Base64.dll_glass8y6_pbbase64"涉及到的是PowerBuilder 9(简称PB9)中关于Base64编码的实现。Base64是一种用于在网络上传输二进制数据的编码方式,它将二进制数据...

    sun.misc.BASE64Encoder 加密源码+完整包.rar

    在Java编程语言中,`sun.misc.BASE64Encoder` 和 `sun.misc.BASE64Decoder` 是两个用于Base64编码和解码的内部类,它们位于`sun.misc`包下。Base64是一种用于在网络上传输二进制数据的文本编码方式,它将任意的字节...

    sun.misc.BASE64Decoder; import sun.misc.BASE64Encoder;

    这两个类,`BASE64Decoder`和`BASE64Encoder`,是Java早期版本中的非标准组件,属于`sun.misc`包。虽然在标准Java库中不推荐使用这些类,但它们在某些情况下可能仍然被开发者用来处理Base64数据。 Base64是一种将二...

    《编写高质量代码 web前端开发修炼之道》中的base.css下载

    base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css ...

    jquery.base64.js jquery-1.12.4.min.js

    本话题将详细讨论两个特定的文件:`jquery-1.12.4.min.js` 和 `jquery.base64.js`,以及它们在Web开发中的作用和相关知识点。 首先,`jquery-1.12.4.min.js` 是jQuery框架的一个版本,它是一个广泛使用的JavaScript...

    微信小程序require 引用 BASE64.JS 失败问题的分析解决

    # 问题 有朋友问, 微信小程序require ('base64.js')文件时,会失败,,, # 分析 事实上,微信小程序require很多JS模块都有不兼容现象。。。先从base64.js这个模块入手吧。 调试出错点: ~~~~ (function(global) {  '...

Global site tag (gtag.js) - Google Analytics