a href="javascript:void(0);" onclick="functionname()" aaaa/a
10年积累的网站设计制作、网站制作经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先做网站后付款的网站建设流程，更有红安免费网站建设让你可以放心的选择与我们合作。
这是最常用的调用的办法，可以参考一下
其他办法在一定程度上具有可行性，但是不常用，可以对比一下效果选择最适合的
a href="javascript:;" onclick="js_method()”/a
a href="#" onclick="js_method();return false”;/a
扩展资料：
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。 [1]
为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。
参考资料：百度百科-javascript
$(“a[href=’#top’]”).click(function() {
$(“html, body”).animate({ scrollTop: 0 }, “slow”);
return false;
});
复制以上代码放在网页的JavaScript标签中，然后在底部添加一个id为“top”的链接就会自动返回到顶部了。
2、复制表单顶部标题到底部：
var $tfoot = $(‘tfoot/tfoot’);
$($(‘thead’).clone(true, true).children().get().reverse()).each(function(){
$tfoot.append($(this));
});
$tfoot.insertAfter(‘table thead’);
3、载入额外的内容：
$(“#content”).load(“somefile.html”, function(response, status, xhr) {
// error handling
if(status == “error”) {
$(“#content”).html(“An error occured: “ + xhr.status + ” “ + xhr.statusText);
}
});
有时候需要为单独的一个div层从外部载入一些额外的数据内容，下面这段短码将会非常有用。
4、设置多列层等高：
var maxheight = 0;
$(“div.col”).each(function(){
if($(this).height() maxheight) { maxheight = $(this).height(); }
});
$(“div.col”).height(maxheight);
在一些布局设计中，有时候需要让两个div层高度相当，下面是采用js方法实现的原理（需要等高的div层设置class为”col”）。
5、定时刷新部分页面的内容：
setInterval(function() {
$(“#refresh”).load(location.href+” #refresh*”,“”);
}, 10000); // milliseconds to wait
如果在你的网页上需要定时的刷新一些内容，例如微博消息或者实况转播，为了不让用户繁琐的刷新整个页面，可以采用下面这段代码来定时刷新部分页面内容。
6、预载入图像：
$.preloadImages = function() {
for(var i = 0; iarguments.length; i++) {
$(“img /”).attr(“src”, arguments[i]);
}
}
$(document).ready(function() {
$.preloadImages(“hoverimage1.jpg”,“hoverimage2.jpg”);
});
有些网站页面打开图像都未载入完毕，还要苦苦等待。下面这段代码实现图像都载入完毕后再打开整个网页。
7、测试密码强度：
这个比较给力，现在很多网站注册的时候都加入了密码强度测试功能，以下代码也简单提供了密码强度测试功能。
HTML代码部分：
input type=“password” name=“pass” id=“pass” /
span id=“passstrength”/span
JavaScript脚本代码：
$(‘#pass’).keyup(function(e) {
var strongRegex = new RegExp(“^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$”, “g”);
var mediumRegex = new RegExp(“^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$”, “g”);
var enoughRegex = new RegExp(“(?=.{6,}).*”, “g”);
if (false == enoughRegex.test($(this).val())) {
$(‘#passstrength’).html(‘More Characters’);
} else if (strongRegex.test($(this).val())) {
$(‘#passstrength’).className = ‘ok’;
$(‘#passstrength’).html(‘Strong!’);
} else if (mediumRegex.test($(this).val())) {
$(‘#passstrength’).className = ‘alert’;
$(‘#passstrength’).html(‘Medium!’);
} else {
$(‘#passstrength’).className = ‘error’;
$(‘#passstrength’).html(‘Weak!’);
}
return true;
});
8、自适应缩放图像：
有时候网站上传的图像需要填充整个指定区域，但是有时候图像比例并不恰好合适，缩放后效果不好。一下代码就实现了检测图像比例然后做适当的缩放功能。
$(window).bind(“load”, function() {
// IMAGE RESIZE
$(‘#product_cat_list img’).each(function() {
var maxWidth = 120;
var maxHeight = 120;
var ratio = 0;
var width = $(this).width();
var height = $(this).height();
if(width maxWidth){
ratio = maxWidth / width;
$(this).css(“width”, maxWidth);
$(this).css(“height”, height * ratio);
height = height * ratio;
}
var width = $(this).width();
var height = $(this).height();
if(height maxHeight){
ratio = maxHeight / height;
$(this).css(“height”, maxHeight);
$(this).css(“width”, width * ratio);
width = width * ratio;
}
});
//$(“#contentpage img”).show();
// IMAGE RESIZE
});
9、自动载入内容：
现在很多网站，特别是微博，都不需要翻页的按钮了，直接下拉后会自动载入内容。下面的脚本就是简单实现了个这种效果。
var loading = false;
$(window).scroll(function(){
if((($(window).scrollTop()+$(window).height())+250)=$(document).height()){
if(loading == false){
loading = true;
$(‘#loadingbar’).css(“display”,“block”);
$.get(“load.php?start=”+$(‘#loaded_max’).val(), function(loaded){
$(‘body’).append(loaded);
$(‘#loaded_max’).val(parseInt($(‘#loaded_max’).val())+50);
$(‘#loadingbar’).css(“display”,“none”);
loading = false;
});
}
}
});
$(document).ready(function() {
$(‘#loaded_max’).val(50);
});
1.将javascript脚本写成js文件,通过在head里面应用:
script language="javascript" type="text/javascript" src="js文件夹/XXX.js"/script
js里面当然可以包含多个function,直接引用就行了.
2.在head里写很多js函数,body里面按名字直接引用就是啦.就是第一种放到html代码里面一样.'第一种好一些,更好重用和分离.
3.直接script language="javascript" type="text/javascript" javascript语句/script.这样的语句可以在body里面写很多啦.
一个完整的JavaScript 脚本实现应包含如下三部分：
1 ECMAScript 核心：为不同的宿主环境提供核心的脚本能力；
2 DOM（文档对象模型）：规定了访问HTML 和XML 的应用程序接口；
3 BOM（浏览器对象模型）：提供了独立于内容而在浏览器窗口之间进行交互的对象和方法。
参考资料：
javascript一般用在客户端，在DHTML（动态HTML）中javascript是很重要的，用它操作DOM（文档对象模型）来控制页面的元素，以达到一定效果．特别是AJAX兴起之后，javascript更加受到重视．javascript是一种弱类型语言，这和C C++ java不太一样，而且javascript的面向对象机制是根据原型对象来实现的，这和C++ java很不同．
但是javascript绝不是只能在客户端运行的一种语言，其实在网景的服务器是可以执行它的，而且只要你得到了javascript的解释器（IE还是netscape好像开放了这个,网上能够得到），你甚至可以在你的应用程序中用javascript编程，javascript远比现在仅仅的客户端应用强大，建议大家看＜javascript权威指南＞
另外，javascript和java,C#,php等等很多市面的语言一样是类C的，所以有C语言基础的话，语法没有大的问题，再主要了解一下javascript的数据类型，比如它只有64位的实数型，没有传统的整形（只有在位移这种运算时才当作32位整数）；然后就是它的面向对象的机制，这是个难点，跟传统的面向对象语言有很大差别；还有逻辑运算符，因为它的弱类型这点决定了它的逻辑运算符的特殊性
重庆分公司
重庆分公司
