图像域替代提交按钮

很多网站的主页布局中，程序员除了在导航栏中布置一些按钮外，在网页的主体部分中很少出现类似于提交的按钮，这样做的主要目的地的的并不是因为网页中不再提交需要按钮，而是被一些超链接或者图像跳转所替代。

本实例主要是利用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>表单的提交、重置按钮中。灵活运用图像域的知识会使你的程序更加美观。