js中实用的function

本文介绍了多种网页操作技巧,包括使用onclick事件提交表单、设置自动跳转、动态显示时间、实现雪花特效等,涵盖了JavaScript、AJAX及DOM操作等关键技术。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

onclick事件点击触发表单提交 (等效于form表单数据提交)
function loginUser(){
	//action="UserServlet?action=login"		
	var formDom = document.getElementById("XXX");
	formDom.action = "UserServlet?action=login";	//表单信息提交路径
	formDom.submit();		//表单信息提交
}
设置时间段后自动跳转
${pageContext.request.contextPath}	//获取项目根路径

function XXXjumpIndex(){ 
	window.location.href = "${pageContext.request.contextPath}/XXXindex.jsp";
}
window.setTimeout("XXXjumpIndex()", 3000);		//3秒后执行跳转
点击隐藏(其实就是设置成隐藏域):
function XXXClose() {
	document.getElementById("XXXid").style.visibility = "hidden";
}
动态显示时间(AJAX):
<span id="XXXtimespan"></span>		<!--在body中添加span标签来组合文档中的行内元素-->

function XXXshowTime(){
	var now=new Date;
	document.getElementById("XXXtimespan").innerHTML = now.getFullYear()+"年"+(now.getMonth()+1)+"月"+now.getDate()+"日"+now.getHours()+"点"+now.getMinutes()+"分"+now.getSeconds()+"秒"; 
}
function XXXonloadToShowTime(){
	window.setInterval("XXXshowTime()",1000);	//1秒刷新
}
window.onload  = XXXonloadToShowTime;
浮动窗口滚动:
function move() {
	document.getElementById("XXXXid").style.top = (document.documentElement.scrollTop + 200) + 'px';
}
雪花特效 (形状/颜色/速度/透明度等可自定义):
window.onload = function() {
	var minSize = 2; // 最小字体
	var maxSize = 40;// 最大字体
	var newOne = 100; // 生成雪花间隔
	var flakColor = "#fff"; // 雪花颜色
	var flak = $("<div></div>").css({
		position : "absolute",
		"top" : "0px"
	}).html("❉");// 定义一个雪花
	var dhight = $(window).height(); // 定义视图高度
	var dw = $(window).width() - 80; // 定义视图宽度
	setInterval(function() {
		var sizeflak = minSize + Math.random() * maxSize; // 产生大小不等的雪花
		var startLeft = Math.random() * dw; // 雪花生成是随机的left值
		var startOpacity = 0.7 + Math.random() * 0.3; // 随机透明度
		var endTop = dhight - 100; // 雪花停止top的位置
		var endLeft = Math.random() * dw; // 雪花停止的left位置
		var durationfull = 6000 + Math.random() * 6000; // 雪花飘落速度不同
		flak.clone().appendTo($("body")).css({
			"left" : startLeft,
			"opacity" : startOpacity,
			"font-size" : sizeflak,
			"color" : flakColor
		}).animate({
			"top" : endTop,
			"left" : endLeft,
			"apacity" : 0.1
		}, durationfull, function() {
			$(this).remove()
		});
	}, newOne);
}

参考:https://www.cnblogs.com/gaoht/p/9141045.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值