`

js实现<a>超链接的跳转验证

阅读更多
<html>
<head>
<title>测试</title>
<script type="text/javascript">
function confirmFunction() {
if(confirm("是否真的要跳转?")) {
window.location.href="http://www.3156.cn";
}
}
</script>
</head>
<body>
<a href="#" onclick="confirmFunction()">跳转</a>
</body>
</html>
当点击跳转的时候会弹出一个对话框,如果“确认”,就跳转的指定的页面,如果“取消”就还留在现在的页面。
分享到:
评论
1 楼 cheney_love 2010-01-21  
可以将#替换为javascript:void(0);当遇到iframe的时候就不会有问题了

相关推荐

    HTML代码制作一个网站.zip

    通过&lt;script&gt;标签引入外部JS文件或内联编写代码,可以实现动态效果、验证表单和控制DOM元素等。 十、HTML5新特性 HTML5引入了许多新元素和API,如&lt;header&gt;、&lt;footer&gt;、&lt;article&gt;、&lt;section&gt;等语义化元素,以及...

    HTML5常用标签大全.pdf

    - `&lt;a&gt;`:定义超链接,用于跳转到其他页面或位置。 - `&lt;link&gt;`:定义文档与外部资源的关系,如CSS样式表或图标。 - `&lt;nav&gt;`:定义导航链接区块。 8. **列表**: - `&lt;ul&gt;`:定义无序列表。 - `&lt;ol&gt;`:定义有序...

    斑码教育大前端课堂笔记-html第四天

    4. **链接与图像**:&lt;a&gt;标签用于创建超链接,可跳转到其他页面或资源;&lt;img&gt;标签插入图片,需指定src属性指向图像路径。 5. **列表**:有序列表&lt;ol&gt;和无序列表&lt;ul&gt;,以及列表项&lt;li&gt;,常用于展示条目式的结构化信息...

    HTML上机练习

    6. **超链接与锚点**:`&lt;a&gt;`元素不仅用于链接到其他网页,还可以用`#`配合`id`属性创建内部链接,实现页面内的跳转。 7. **图像和多媒体**:`&lt;img&gt;`元素引入图像,`&lt;audio&gt;`和`&lt;video&gt;`元素则支持音频和视频内容的...

    找房无忧静态页面项目资源

    如`&lt;img&gt;`用于插入图片,`&lt;h1&gt;`至`&lt;h6&gt;`定义不同级别的标题,`&lt;p&gt;`用于段落,`&lt;a&gt;`用于创建超链接,`&lt;ul&gt;`和`&lt;li&gt;`组合用于无序列表,以及`&lt;form&gt;`、`&lt;input&gt;`、`&lt;button&gt;`等用于构建表单元素,实现用户交互。...

    20231024FMOkY9r7.zip

    8. **链接**(`&lt;a&gt;`):创建超链接,可跳转至其他网页或锚点。 9. **图片**(`&lt;img&gt;`):插入图像,需指定`src`属性以引用图像文件。 10. **样式与CSS**:虽然HTML主要负责结构,但可以使用内联样式(如`style=".....

    html 完全手册 .

    `&lt;a&gt;`还可以用于内部链接,利用`#`加锚点名实现页面内跳转。 五、图像 `&lt;img&gt;`标签插入图像,`src`属性指图像源,`alt`属性为图像无法显示时的替代文本。 六、列表 `&lt;ul&gt;`创建无序列表,`&lt;ol&gt;`创建有序列表,`&lt;li&gt;...

    IYANDA Web html设计

    通过`&lt;script&gt;`标签,可以引入外部JS文件或直接编写脚本,实现动态效果、验证表单、处理事件等。 9. Accessibility:在设计网页时,遵循无障碍网页标准(WCAG)很重要。通过适当的标签和属性,如`aria-label`,可以...

    html.zip_html

    4. **链接**:`&lt;a&gt;`标签用于创建超链接,例如`&lt;a href="http://example.com"&gt;访问示例网站&lt;/a&gt;`,用户点击后可以跳转到指定URL。 5. **图像**:`&lt;img&gt;`标签插入图片,需通过`src`属性指定图片的URL,`alt`属性提供...

    前端网页制作基础项目学成在线

    5. **超链接与锚点**:学习如何使用&lt;a&gt;标签创建内部和外部链接,以及如何利用#锚点进行页面内的跳转。 6. **CSS基础**:虽然标签主要涉及HTML,但理解CSS(Cascading Style Sheets)的基本概念也至关重要。学习如何...

    故里人家--静态网页设计.zip

    4. **链接**:`&lt;a&gt;`标签创建超链接,允许用户跳转到其他网页或资源。 5. **表格**:`&lt;table&gt;`、`&lt;tr&gt;`、`&lt;td&gt;`等标签用于创建和格式化数据表格。 6. **列表**:`&lt;ul&gt;`和`&lt;ol&gt;`创建无序和有序列表,`&lt;li&gt;`定义列表...

    104刘禹良..zip

    8. **链接**:`&lt;a&gt;`元素创建超链接,通过`href`属性指定链接目标,可以实现页面间的跳转。 9. **布局**:虽然HTML主要用于内容结构,但`&lt;div&gt;`元素结合CSS可进行简单的布局控制。 10. **CSS**:层叠样式表(CSS)...

    HTML简单页面特效...

    5. **链接与锚点**:`&lt;a&gt;`元素不仅用于创建超链接,还可以配合`&lt;a name=""&gt;`创建内部链接,使得用户能在同一页面内跳转,实现页面内的导航效果。 6. **表格与表单**:`&lt;table&gt;`元素用于数据展示,`&lt;form&gt;`元素则...

    wangzhanhtml web

    客服中心链接也是通过`&lt;a&gt;`标签实现,该页面可能包括联系信息、FAQs和在线聊天功能。在HTML中,可以使用`&lt;section&gt;`和`&lt;article&gt;`标签来组织这些内容,提高可读性和用户体验。 此外,为了增强网页的功能和交互性,...

    HTML_语言.zip

    HTML还支持表格(`&lt;table&gt;`)、列表(`&lt;ul&gt;`、`&lt;ol&gt;`、`&lt;li&gt;`)、段落(`&lt;p&gt;`)、标题(`&lt;h1&gt;`到`&lt;h6&gt;`)和多种内联元素,如强调(`&lt;em&gt;`)、粗体(`&lt;strong&gt;`)等。 在网页设计中,`&lt;img&gt;`标签经常用来插入图像...

    html界面原型代码

    6. 链接和导航:`&lt;a&gt;`标签用于创建超链接,实现页面间的跳转。`&lt;nav&gt;`元素可以用来组织导航菜单,提供良好的用户体验。 7. CSS与JavaScript:虽然标签中未提及,但CSS用于样式化HTML元素,而JavaScript常用于增加...

    web大作业(html+css)

    2. **超链接的基本语法与应用场合**:超链接是网页间导航的基础,由&lt;a&gt;标签定义。基本语法为`&lt;a href="目标URL"&gt;链接文本&lt;/a&gt;`。超链接有三种主要应用:内部链接(在同一网站内的跳转),外部链接(指向其他网站),...

    html班级网站综合案例源代码

    5. `&lt;a&gt;`:超链接标签,用于跳转到其他页面或资源。`href`属性指定了链接的目标地址。 6. `&lt;img&gt;`:图片标签,`src`属性指定图片的URL,`alt`属性提供替代文本,对搜索引擎优化和无障碍访问至关重要。 7. `&lt;h1&gt;` ...

    云南论坛2010 网页源代码

    源代码中可能包含头部(`&lt;head&gt;`)、主体(`&lt;body&gt;`)两大部分,以及各种元素标签,如标题(`&lt;h1&gt;`到`&lt;h6&gt;`)、段落(`&lt;p&gt;`)、列表(`&lt;ul&gt;`、`&lt;ol&gt;`、`&lt;li&gt;`)、链接(`&lt;a&gt;`)、图像(`&lt;img&gt;`)等,用于构建网页...

    project_html网站_包括html各个元素的设计_project1网站_网站静态网页设计入门基础_网页内嵌project

    4. `&lt;a&gt;`:创建超链接,允许用户跳转到其他页面或资源。 5. `&lt;img&gt;`:插入图像,通过`src`属性指定图片源。 6. `&lt;div&gt;`:分组HTML元素,常用于布局和样式控制。 7. `&lt;ul&gt;`和`&lt;li&gt;`:无序列表,用于展示不需排序的...

Global site tag (gtag.js) - Google Analytics