`
zengshaotao
  • 浏览: 797491 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

a跳转,base标签

 
阅读更多

Htmla标签,是很多页面ui设计的选择。但是有时候存在一些操作效果不是我们想要的,比如某个页面有a标签,点击时页面将发生跳转,但是有时候我们并不需要跳转,只是想要类似于buttononclick功能。

 

如果只是想单独的跳转,可以有如下的解决方法:

 

第一,href="javascript:void(0)"这种伪协议;(建议少用)
   
即:<a href="javascript:void(0)"  target="mainFrame" onclick="del()" >删除</a>

 

第二,<a href="" onclick="enable();return false;">enable</a>即在onclick方法里return false。需要说明的是,enable方法里返回false是不行的,因为该onclick事件类似于一个方法调用。而对于方法调用,看如下代码:

    function enable1() {

       alert("enable1");

       returnfalse;

    }

    function callmethod(){

       enable1();

       alert("go on");

       alert("callmethod");

       if(enable1()){return false;}

       alert(return after);

    }

即使enable1返回了falsecallmethod方法还是会继续执行的。关于这一点的理解,我们可以从如下代码得到启示:

if(enable1()){  // dosomething }else{ // do something}

callmethod执行了return之后,方法内之后的语句不再执行。这里的callmethod就相当于a标签的onclick事件。

 

第三, <a href="#"  onclick="del()" >删除</a>跳转到当前页面,这里如果浏览页面时已经滚动过鼠标,点击时会跳转到顶部,也就是鼠标滚动之前,有点类似于跳转。

 

 

对于htmlbase标签,设置之后表示当前页面需要引进其他文件时需要的参考路径。假设我们的项目目录是/test/,在WebRoot有两个页面,一个是/test/one.html,另一个是/test/html/other.html,他们都要加载/test/js/some.js。如果我们将baseURL设置成/test/,则我们在加载该js的时候,这两个页面都可以使用相对于项目的路径./js/some,而不是因为页面的路径不同而使用不同的相对路径。

Note: The <base> tag must go inside the head element.
注意:<base>标签必须使用在head元素内

分享到:
评论

相关推荐

    struts中base标签的target属性

    ### Struts 中 base 标签的 target 属性详解 #### 引言 在 Web 开发领域,Struts 是一个非常流行的 Java 框架,它主要用于构建基于模型-视图-控制器(MVC)设计模式的应用程序。Struts 的一大优势在于其强大的标签...

    HTML base 标签的 href 属性

    1. 单页应用(SPA):在SPA中,所有的路由都是通过JavaScript进行管理的,`&lt;base&gt;`标签可以帮助处理页面跳转时的URL基础路径问题。 2. 内部链接管理:如果你的网站有很多内部链接,且希望统一管理这些链接的基础路径...

    HTML a 标签的 target 属性.doc

    - 如果在 `&lt;base&gt;` 标签中设置了 `target` 属性,则该设置将成为所有 `&lt;a&gt;` 标签的默认行为。 - 使用框架时,确保 `&lt;frame&gt;` 或 `&lt;iframe&gt;` 元素的 `name` 属性与 `&lt;a&gt;` 标签中的 `target` 属性匹配,以便正确地在...

    mvc常用的跳转

    这是最基本的跳转方式之一,通过设置`&lt;a&gt;`标签的`href`属性值来指定目标页面的URL。在MVC中,还可以使用`@Url.Action`辅助方法来动态生成URL: ```html &lt;a href="@Url.Action("action","controll")" class="btn btn-...

    action跳转导致图片不能显示

    例如,在页面A中,图片的URL设置为`images/pic.jpg`,当从页面A跳转到页面B后,如果页面B的路径改变了(如从`/project/home`变为`/project/about`),那么图片的URL也会相应地变为`/project/about/images/pic.jpg`,...

    html base标签 target=_parent使用介绍

    了解并正确使用`&lt;base&gt;`标签可以帮助优化网页的导航行为,提高用户体验。 首先,我们来看`&lt;base&gt;`标签的基础用法。这个标签通常放置在`&lt;head&gt;`部分,且一般只有一个`&lt;base&gt;`标签出现在文档中。其基本语法如下: ``...

    html文件head内部标记浅析(meta,link,base,body)

    这样,就不需要在每个链接的&lt;a&gt;标签中单独指定target属性。 四、 标签包含了网页的主体内容,其属性可以影响页面的显示效果: 1. 文字颜色: `ALINK`、`LINK`、`TEXT`、`VLINK` 分别定义了活动链接、普通链接、...

    html常用标签解释大全

    该标签将在 10 秒后自动跳转到另外一个文件。 3. 查询用表单 <isindex> 标签用于创建一个查询表单,用户可以输入关键词来进行搜索。 设定查询栏位前的提示文字 提示文字"> 该标签将在查询栏位前显示提示...

    HTML标签大全.docx

    7. `&lt;base&gt;`:此标签用于设定文档的基准URL,所有相对链接都将相对于这个URL解析。 8. 标题标签`&lt;h1&gt;`到`&lt;h6&gt;`:这些标签用于创建不同级别的标题,`&lt;h1&gt;`是最重要(最大)的标题,`&lt;h6&gt;`是最低级(最小)的标题。 ...

    javascript showModalDialog 内跳转页面的问题

    这个base标签指定了页面中所有链接的默认目标,设置为_self表示链接在当前窗口打开。这对于在模态框内实现正确链接行为是必要的。 最后,虽然这种方法可以解决在showModalDialog中实现页面内跳转的问题,但鉴于...

    HTML中的常用标签

    - **`&lt;base&gt;`标签**:用于定义文档中的所有相对URL的基础URL,从而简化链接书写。 ```html &lt;base href="http://www.example.com/"&gt; ``` #### 五、版面控制标签 1. **标题标签**:用于定义不同级别的标题。 - `...

    Html常用标签部分笔记摘要

    7. **base标签**: 可全局设置页面中所有链接的打开方式,默认值为_self,可以设为_blank。 8. **特殊字符标签**: HTML提供了预定义的特殊字符实体,例如`&nbsp;`表示空格,`&lt;`和`&gt;`分别代表小于和大于...

    HTML标签详解大全

    &lt;body bgcolor="#FFFFFF" background="images/bg.jpg" text="#000000" link="#FF0000" vlink="#00FF00" alink="#0000FF"&gt; ``` 13. **注释-- `&lt;!-- --&gt;`** - 用于添加注释。 - 示例: ```html &lt;!-- 这是一条...

    详谈vue中router-link和传统a链接的区别

    总的来说,`&lt;router-link&gt;` 是Vue Router为单页应用设计的智能导航组件,它提供了更好的用户体验、模式兼容性和性能优化,而传统的`&lt;a&gt;` 标签则更适合于简单的页面间跳转。在开发Vue应用时,合理使用`&lt;router-link&gt;`...

    HTML常用标签

    #### 四、链接标签 (`&lt;a&gt;`, `&lt;base&gt;`) 用于创建超链接,实现页面之间的跳转。 - **基本链接**: - `&lt;base href="地址"&gt;`: 预设好连结路径。 - `&lt;a href="地址"&gt;&lt;/a&gt;`: 外部链接。 - `&lt;a href="地址" target="_...

    课程HTML标签详解大全.pdf

    `&lt;body&gt;`标签有许多属性,如`bgcolor`、`background`、`bgproperties`、`text`、`link`、`vlink`和`alink`,它们分别用于设置背景颜色、背景图像、背景固定、文字颜色、未访问链接颜色、已访问链接颜色和活动链接...

    Proyecto-Arqui:坎比亚de base 10 a base de 0 a 30

    "Proyecto-Arqui:坎比亚de base 10 a base de 0 a 30" 这个标题暗示了一个项目,该项目可能涉及到数字转换,特别是将十进制(base 10)数值转换为一种特殊的基数系统,可能是从0到30的非标准基数系统。在计算机科学...

    html标签大全

    URL=新页面URL"&gt;`,指定时间后跳转至新的URL。 3. **交互元素**: - `&lt;isindex&gt;`:创建一个简单的查询输入框,可以添加`prompt`属性来设置提示文本。 4. **页面基础设置**: - `&lt;base&gt;`:设置页面的基准URL,...

    html标签大全,常用html标签

    - `&lt;a name="..."&gt;`: 创建命名锚点,用于页面内跳转。 - `&lt;base&gt;`: 设置文档中所有相对链接的默认前缀。 - `&lt;link&gt;`: 定义外部资源的链接,如样式表或图标。 6. **表格** - `&lt;table&gt;`: 开始和结束表格。 - `...

    关于html标签的应用

    6. **`&lt;base&gt;`**:`&lt;base&gt;` 标签定义了文档中的所有相对链接的默认地址。 - **示例**: ```html &lt;base href="http://example.com/"&gt; ``` #### 二、文本格式化标签 1. **`&lt;h1&gt;` 至 `&lt;h6&gt;`**:用于定义标题,`...

Global site tag (gtag.js) - Google Analytics