Html的a标签,是很多页面ui设计的选择。但是有时候存在一些操作效果不是我们想要的,比如某个页面有a标签,点击时页面将发生跳转,但是有时候我们并不需要跳转,只是想要类似于button的onclick功能。
如果只是想单独的跳转,可以有如下的解决方法:
第一,用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返回了false,callmethod方法还是会继续执行的。关于这一点的理解,我们可以从如下代码得到启示:
if(enable1()){ // dosomething }else{ // do something}
在callmethod执行了return之后,方法内之后的语句不再执行。这里的callmethod就相当于a标签的onclick事件。
第三, <a href="#" onclick="del()" >删除</a>跳转到当前页面,这里如果浏览页面时已经滚动过鼠标,点击时会跳转到顶部,也就是鼠标滚动之前,有点类似于跳转。
对于html的base标签,设置之后表示当前页面需要引进其他文件时需要的参考路径。假设我们的项目目录是/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 属性详解 #### 引言 在 Web 开发领域,Struts 是一个非常流行的 Java 框架,它主要用于构建基于模型-视图-控制器(MVC)设计模式的应用程序。Struts 的一大优势在于其强大的标签...
1. 单页应用(SPA):在SPA中,所有的路由都是通过JavaScript进行管理的,`<base>`标签可以帮助处理页面跳转时的URL基础路径问题。 2. 内部链接管理:如果你的网站有很多内部链接,且希望统一管理这些链接的基础路径...
- 如果在 `<base>` 标签中设置了 `target` 属性,则该设置将成为所有 `<a>` 标签的默认行为。 - 使用框架时,确保 `<frame>` 或 `<iframe>` 元素的 `name` 属性与 `<a>` 标签中的 `target` 属性匹配,以便正确地在...
这是最基本的跳转方式之一,通过设置`<a>`标签的`href`属性值来指定目标页面的URL。在MVC中,还可以使用`@Url.Action`辅助方法来动态生成URL: ```html <a href="@Url.Action("action","controll")" class="btn btn-...
例如,在页面A中,图片的URL设置为`images/pic.jpg`,当从页面A跳转到页面B后,如果页面B的路径改变了(如从`/project/home`变为`/project/about`),那么图片的URL也会相应地变为`/project/about/images/pic.jpg`,...
了解并正确使用`<base>`标签可以帮助优化网页的导航行为,提高用户体验。 首先,我们来看`<base>`标签的基础用法。这个标签通常放置在`<head>`部分,且一般只有一个`<base>`标签出现在文档中。其基本语法如下: ``...
这样,就不需要在每个链接的<a>标签中单独指定target属性。 四、 标签包含了网页的主体内容,其属性可以影响页面的显示效果: 1. 文字颜色: `ALINK`、`LINK`、`TEXT`、`VLINK` 分别定义了活动链接、普通链接、...
该标签将在 10 秒后自动跳转到另外一个文件。 3. 查询用表单 <isindex> 标签用于创建一个查询表单,用户可以输入关键词来进行搜索。 设定查询栏位前的提示文字 提示文字"> 该标签将在查询栏位前显示提示...
7. `<base>`:此标签用于设定文档的基准URL,所有相对链接都将相对于这个URL解析。 8. 标题标签`<h1>`到`<h6>`:这些标签用于创建不同级别的标题,`<h1>`是最重要(最大)的标题,`<h6>`是最低级(最小)的标题。 ...
这个base标签指定了页面中所有链接的默认目标,设置为_self表示链接在当前窗口打开。这对于在模态框内实现正确链接行为是必要的。 最后,虽然这种方法可以解决在showModalDialog中实现页面内跳转的问题,但鉴于...
- **`<base>`标签**:用于定义文档中的所有相对URL的基础URL,从而简化链接书写。 ```html <base href="http://www.example.com/"> ``` #### 五、版面控制标签 1. **标题标签**:用于定义不同级别的标题。 - `...
7. **base标签**: 可全局设置页面中所有链接的打开方式,默认值为_self,可以设为_blank。 8. **特殊字符标签**: HTML提供了预定义的特殊字符实体,例如` `表示空格,`<`和`>`分别代表小于和大于...
<body bgcolor="#FFFFFF" background="images/bg.jpg" text="#000000" link="#FF0000" vlink="#00FF00" alink="#0000FF"> ``` 13. **注释-- `<!-- -->`** - 用于添加注释。 - 示例: ```html <!-- 这是一条...
总的来说,`<router-link>` 是Vue Router为单页应用设计的智能导航组件,它提供了更好的用户体验、模式兼容性和性能优化,而传统的`<a>` 标签则更适合于简单的页面间跳转。在开发Vue应用时,合理使用`<router-link>`...
#### 四、链接标签 (`<a>`, `<base>`) 用于创建超链接,实现页面之间的跳转。 - **基本链接**: - `<base href="地址">`: 预设好连结路径。 - `<a href="地址"></a>`: 外部链接。 - `<a href="地址" target="_...
`<body>`标签有许多属性,如`bgcolor`、`background`、`bgproperties`、`text`、`link`、`vlink`和`alink`,它们分别用于设置背景颜色、背景图像、背景固定、文字颜色、未访问链接颜色、已访问链接颜色和活动链接...
"Proyecto-Arqui:坎比亚de base 10 a base de 0 a 30" 这个标题暗示了一个项目,该项目可能涉及到数字转换,特别是将十进制(base 10)数值转换为一种特殊的基数系统,可能是从0到30的非标准基数系统。在计算机科学...
URL=新页面URL">`,指定时间后跳转至新的URL。 3. **交互元素**: - `<isindex>`:创建一个简单的查询输入框,可以添加`prompt`属性来设置提示文本。 4. **页面基础设置**: - `<base>`:设置页面的基准URL,...
- `<a name="...">`: 创建命名锚点,用于页面内跳转。 - `<base>`: 设置文档中所有相对链接的默认前缀。 - `<link>`: 定义外部资源的链接,如样式表或图标。 6. **表格** - `<table>`: 开始和结束表格。 - `...
6. **`<base>`**:`<base>` 标签定义了文档中的所有相对链接的默认地址。 - **示例**: ```html <base href="http://example.com/"> ``` #### 二、文本格式化标签 1. **`<h1>` 至 `<h6>`**:用于定义标题,`...