js小功能
来源:互联网 发布:cf真正刷枪软件 编辑:程序博客网 时间:2024/05/18 03:23
主要是怕忘记,用的时候又要搜...
删除确认对话框:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>确认是否删除</title>
<script type="text/javascript">
function del(){
if(!confirm("确认要删除?")){
window.event.returnValue = false;
}
}
</script>
</head>
<body>
<a href="http://www.baidu.com" onclick="return del()">删除</a>
</body>
</html>
button點擊跳轉請求事件:
1、on
2、on
3、on
<span id="tiao">3</span><a href="javascript:countDown"></a>布丁足迹;秒后自动跳转……<meta http-equiv=refresh content=3;url='/search/billsearch.jsp'</ul>
<!--脚本开始-->
<script language="javascript" type="">
function countDown(secs){
</script>
<!--脚本结束-->
按钮式:
<INPUT name="pclog" type="button" value="GO" onClick="location.href='http://www.ddhbb.com/'">
链接式:
<a href="javascript:history.go(-1)">返回上一步</a>
<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>
直接跳转式:
<script>window.location.href='http://www.ddhbb.com';</script>
开新窗口:
<a href="javascript:" onClick="window.open('http://www.ddhbb.com/blog/guestbook.asp','','height=500,width=611,scrollbars=yes,status=yes')">布丁 足迹</a>
第一种:
<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>
第二种:
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
第三种:
<script language="javascript">
window.navigate("top.jsp");
</script>
第四种:
<script language="JavaScript">
self.location=’top.htm’;
</script>
第五种:
<script language="javascript">
alert("非法访问!");
top.location=’xx.jsp’;
</script>
=====javascript中弹出选择框跳转到其他页面=====
<script language="javascript">
<!--
function logout()...{
if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{
window.location.href="logout.asp?act=logout"
}
}
-->
</script>
=====javascript中弹出提示框跳转到其他页面=====
<script language="javascript">
<!--
function logout()...{
alert("你确定要注销身份吗?");
window.location.href="logout.asp?act=logout"
}
-->
</script>
当网页图片不存在时的处理方法
- <img src="图片的url地址" alt="图片XX"/>
- <img src="图片的url地址" alt="图片XX" onerror="this.style.display='none'"/>
- <img src="图片的url地址" alt="图片XX" onerror="this.src='默认图片的url地址'"/>
注意:如果使用不当,在IE内核的浏览器下会造成死循环。比如:当【默认图片的url地址】也加载不成功(比如网速比较慢的时候)或不存在的话,就会反复的加载,最后造成堆栈溢出错误。因此, 需要用下面两种方法解决:a、更改 onerror 代码为其它处理方式或者确保 onerror 中的默认图片足够小,并且存在。b、控制onerror事件只触发一次,需要增加这句话:this.onerror=null; 增加后如下:
- <img src="图片的url地址" alt="图片XX" onerror="this.src='默认图片的url地址;this.onerror=null'"/>
可以写一个js脚本,让其遍历页面所有的<img>标签,给每个标签添加error事件,当任何地方的图片不存在时都可以进行统一的处理。
其实,jQuery就有这个方便的功能,可以参考此处:http://www.w3school.com.cn/jquery/event_error.asp 不过,经本人测试,在IE下面好像不好使。(大家可以用IE浏览器打开上面的网址试试)
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("img").error(function(){
$("img").replaceWith("<p><b>图片未加载!</b></p>");
});
});
</script>
</head>
<body>
<img src="errorimg.gif" />
<img src="errorimgS.gif" />
<img src="errorimgF.gif" />
<p>XAML如果上面的图像没有正确地加载,会被替换为一段 "图片未加载" 的文本。</p>
</body>
</html>
input date时间类型
<input type="date">这就会自带日期控件了。。。
HTML5 拥有多个供选择日期和时间的新的输入类型:
date - 选择日、月、年
month - 选择月、年
week - 选择周、年
time - 选择时间(时、分)
datetime - 选择时间、日期、月、年(UTC 时间)
datetime-local - 选择时间、日期、月、年(本地时间)
- js 常用小功能
- js 小功能 整理
- js小功能整理
- js 常用小功能
- js小功能
- js 常用小功能
- js 小功能函数
- js小功能
- js小功能
- js小功能
- node.js 小功能
- Js的小技巧/功能
- js的常用小功能
- JS小功能点积累
- 常用的js小功能
- js常用小功能示例
- js常用小功能示例
- js各种小功能大合集
- shareSDK截屏分享
- table-layout写成的表格
- 编译FFmpeg是configure文件帮助选项详解
- 深入理解Java:注解(Annotation)--注解处理器
- 学会使用QT的帮助文档
- js小功能
- (IOS)从0到Double系列 - 如何刻出一个可拖动的导航浮動按钮
- Android Studio 2.2.2 鼠标悬停显示注释 提示函数用法
- BarTender批量打印标签的教程
- 理解一致性哈希算法(consistent hashing)
- Linux 3.x 内核学习笔记——x86 64位内存管理
- 使用git管理项目
- html5的localStorage的操作
- OC - WebView使用 之 获取 WebView 实际内容高度 及 其中一种导致WebView展示不全的bug