很多网站的主页布局中,程序员除了在导航栏中布置一些按钮外,在网页的主体部分中很少出现类似于提交的按钮,这样做的主要目的地的的并不是因为网页中不再提交需要按钮,而是被一些超链接或者图像跳转所替代。
本实例主要是利用JavaScript代码,通过单击事件完成数据的提交操作,其关键代码如下:
$(document).ready(function(){
$("img").click(function(){
var input=$("input").val();
var textarea=$("textarea").val();
if(input==""||textarea==""){
alert("文本框为空");
}else{
$(".n").css("display","block");
$("#i").html(input);
$("#t").html(textarea);
}
});
});
秘笈心法
使用图像域进行跳转和提交的方式很多,例如嵌入到<a>标签中,进行客户端跳转,或者应用在<form>表单的提交、重置按钮中。灵活运用图像域的知识会使你的程序更加美观。
关注一起设计吧 一起设计吧