您的位置：首页 > 其它

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

2015-12-19 16:40 323 查看

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

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>

或者再简单一点

<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(){return confirm("确认吗? ");
}
</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>

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航