最近在做数据库, 需要给一个"删除"链接增加是否确认的弹出框, 在网上查到了两种方法:
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>
实际上准确的来讲数据类型远不止这五种, 下面的图能大体概括一下
