码迷,mamicode.com
首页 > Web开发 > 详细

网页中给超链接添加"是否确认"的方法

时间:2015-12-19 17:55:28      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:

最近在做数据库, 需要给一个"删除"链接增加是否确认的弹出框, 在网上查到了两种方法:

1, 先看看最麻烦的一种

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
function con(){
    var cfm = confirm("确认吗? ");
    if(cfm) {
        window.location.href="http://www.baidu.com";
    }
}
</script>
</head>
<body>
<a href="javascript:con()">百度链接</a>
</body>
</html>

这个方法的原理就是, 判断confirm的true或者false, 如果是true, 那我就把http://www.baidu.com, 给href, 如果是false, 那么href就是一个空值.

2, 最简单的方法, 使用<a></a>标签里的onclick属性

<a href="http://www.baidu.com" onClick="return confirm(‘确认吗?‘)">百度链接</a>

这个方法里onclick属性类似于<form>表单里面的onsubmit, 返回true就跳转, 返回false你就在原地呆着好啦

 

 

  但是如果应用在链接数据库的时候, 这两种方法都不是很好用, 因为里面的代码牵扯到太多的引号, 各种单引号和双引号并存, 所以这里我总结出另一种方式, 用一个function函数来添加确认链接, 相对数据库来讲比较实用的方法, 将confirm写成一个函数

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
function con(){
    var cfm = confirm("确认吗? ");
    if(cfm) {
        return true;
    }
    else {
        return false;
    }
}
</script>
</head>
<body>
<a onclick="return con()" href="http://www.baidu.com">百度链接</a>
</body>
</html>

这个地方使用到的知识不是很多, 但是总的来说用到了数据类型的知识, 五大数据类型必须深刻理解

<script>
function to() {
    var a = 5;
    var b = "nihao";
    var c = function(){};
    var d = null;
    var e = true;
    alert(typeof a);            //数据类型为number
    alert(typeof b);            //数据类型为string        
    alert(typeof c);            //数据类型为function
    alert(typeof d);            //数据类型为Object
    alert(typeof e);            //数据类型为boolean
}
to();
</script>

实际上准确的来讲数据类型远不止这五种, 下面的图能大体概括一下

技术分享

网页中给超链接添加"是否确认"的方法

标签:

原文地址:http://www.cnblogs.com/wgbs25673578/p/5059359.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!