‘壹’ 如何在页面加载完成后执行js脚本
把脚本放body的最后。如果放前面,你用jquery的话,把脚本放这个方法体里面可以让页面加载完执行
$(function(){});
‘贰’ 【网页设计】如何做一个加载到某个网页就自动退出并刷新的JavaScript脚本
1从history里获取当前的访闷缺问path 2 判断并回退到粗歼上一个蚂凳辩页面即可。很简单啊不知道是不是你要的。
‘叁’ 如何修改已经加载完成的网页的js脚本
目测楼主要改的不是自己的网站。如果不是自己的网站,那么可以通过google,或者火狐浏览器调试js,这样虽然尘旦嫌可以修改,但派手是无法保存修改结果,刷新一下就又变回原样了。
如果是你自己的网站,有自己的服务器,那就在本地改好,调试好,然后发布到服务器上迟袜。
‘肆’ 如何在html页面动态加载js文件
下面介绍三种异步执行加载Js 脚本的方法。
1、直接document.write
<script language="javascript">
document.write("<script src='test.js'><\/script>");
</script>
2、动态改变已有script的src 属性
<script src='' id="s1"></script>
<script language="javascript">
s1.src="test.js"
</script>
3、动态创建 script元素
<script>
var oHead = document.getElementsByTagName('HEAD').item(0);
var oScript= document.createElement("script");
oScript.type = "text/javascript";
oScript.src="test.js";
oHead.appendChild( oScript);
</script>
注 ,
这三种方法都是异步的,所以在采用这类方法动态加载Js 的同悔拍时森前纳,主界面的Js脚本是继续执行的,所以可能出现通过异步加载的Js代码得不到预期的效果的情况。这时候可以考虑采用Ajax加载Js的方法。
大概原理 :用XMLHTTP取得要脚本的内容,此没再创建 Script 对象。另外注意编码的保持一致。因为服务器与XML使用UTF8编码传送数据。
‘伍’ 如何使用jQuery加载js脚本
用JQ自带的AJAX来动态加载你想要的JS文件 $.getScript("这是你的JS名字.js"顷闭, function(){ alert("这是JS加载完了成雀塌裂功的回调函数");});这是动态加载的JS文件,ajax必须要有环境才能运行衫清
‘陆’ js怎样页面加载之前执行
思路:
在页面最上方加上<script></script>就是最先执行的。不过橘举数你DOM节点没有加载完,别人也看不过,如果这代圆首码执行时间过长,体验就不好了,用户一直看不到界面。
所以一般推荐是DOM加载完后再答薯执行脚本。
你也可以用JQuery的read方法中执行你的效果,该方法是页面dom加载完但还没渲染时执行的。
‘柒’ 网页设计中常用的javascript脚本有哪些
$(“a[href=’#top’]”).click(function(){
$(“html,body”).animate({scrollTop:0},“slow”);
returnfalse;
});
var$tfoot=$(‘<tfoot></tfoot>’);
$($(‘thead’).clone(true,true).children().get().reverse()).each(function(){
$tfoot.append($(this));
});
$tfoot.insertAfter(‘tablethead’);
$(“#content”).load(“somefile.html”,function(response,status,xhr){
//errorhandling
if(status==“error”){
$(“#content”).html(“Anerroroccured:“+xhr.status+”“+xhr.statusText);
}
});
varmaxheight=0;
$(“div.col”).each(function(){
if($(this).height()>maxheight){maxheight=$(this).height();}
});
$(“div.col”).height(maxheight);
setInterval(function(){
$(“#refresh”).load(location.href+”#refresh>*”,“”);
},10000);//millisecondstowait
$.preloadImages=function(){
for(vari=0;i<arguments.length;i++){
$(“<img/>”).attr(“src”,arguments[i]);
}
}
$(document).ready(function(){
$.preloadImages(“hoverimage1.jpg”,“hoverimage2.jpg”);
});
<inputtype=“password”name=“pass”id=“pass”/>
<spanid=“passstrength”></span>
$(‘#pass’).keyup(function(e){
varstrongRegex=newRegExp(“^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\W).*$”,“g”);
varmediumRegex=newRegExp(“^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$”,“g”);
varenoughRegex=newRegExp(“(?=.{6,}).*”,“g”);
if(false==enoughRegex.test($(this).val())){
$(‘#passstrength’).html(‘MoreCharacters’);
}elseif(strongRegex.test($(this).val())){
$(‘#passstrength’).className=‘ok’;
$(‘#passstrength’).html(‘Strong!’);
}elseif(mediumRegex.test($(this).val())){
$(‘#passstrength’).className=‘alert’;
$(‘#passstrength’).html(‘Medium!’);
}else{
$(‘#passstrength’).className=‘error’;
$(‘#passstrength’).html(‘Weak!’);
}
returntrue;
});
$(window).bind(“load”,function(){
//IMAGERESIZE
$(‘#proct_cat_listimg’).each(function(){
varmaxWidth=120;
varmaxHeight=120;
varratio=0;
varwidth=$(this).width();
varheight=$(this).height();
if(width>maxWidth){
ratio=maxWidth/width;
$(this).css(“width”,maxWidth);
$(this).css(“height”,height*ratio);
height=height*ratio;
}
varwidth=$(this).width();
varheight=$(this).height();
if(height>maxHeight){
ratio=maxHeight/height;
$(this).css(“height”,maxHeight);
$(this).css(“width”,width*ratio);
width=width*ratio;
}
});
//$(“#contentpageimg”).show();
//IMAGERESIZE
});
varloading=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);
});
复制以上代码放在网页的JavaScript标签中,然后在底部添加一个id为“top”的链接就会自动返回到顶部了。
2、复制表单顶部标题到底部:
3、载入额外的内容:
有时候需要为单独的一个div层从外部载入一些额外的数据内容,下面这段短码将会非常有用。
4、设置多列层等高:
在一些布局设计中,有时候需要让两个div层高度相当,下面是采用js方法实现的原理(需要等高的div层设置class为”col”)。
5、定时刷新部分页面的内容:
如果在你的网页上需要定时的刷新一些内容,例如微博消息或者实况转播,为了不让用户繁琐的刷新整个页面,可以采用下面这段代码来定时刷新部分页面内容。
6、预载入图像:
有些网站页面打开图像都未载入完毕,还要苦苦等待。下面这段代码实现图像都载入完毕后再打开整个网页。
7、测试密码强度:
这个比较给力,现在很多网站注册的时候都加入了密码强度测试功能,以下代码也简单提供了密码强度测试功能。
HTML代码部分:
JavaScript脚本代码:
8、自适应缩放图像:
有时候网站上传的图像需要填充整个指定区域,但是有时候图像比例并不恰好合适,缩放后效果不好。一下代码就实现了检测图像比例然后做适当的缩放功能。
9、自动载入内容:
现在很多网站,特别是微博,都不需要翻页的按钮了,直接下拉后会自动载入内容。下面的脚本就是简单实现了个这种效果。
‘捌’ 用火狐打开任意网页,在加载网页结束之后,如何让火狐自动执行一段javascript请注意是针对任意网页
写个用户脚本然指唯后用greasemonkey扩伍胡展加载就行了
GM脚本默认就是在页面加载后执行
你要知道不是随便写个js放到那里就执行的 要么你加到原来的网页内容里面 要么就用GM之类的扩展加载
而且window.onload()这个写法也不好 会覆盖原来定义的onload 最好用addEventListener
当然唯橘培用GM的话是不需要写这个的
‘玖’ 用js实现在加载完成一个页面后自动执行一个方法
1
在body中用onload:
<body onload="myfunction()">
2
在凳滚察脚本中枣茄用window.onload:
<script type="text/javascript">
function myfun()
{
alert("this window.onload");
}
/*用window.onload调用myfun()*/
window.onload=myfun;//不要括号
<备烂/script>
‘拾’ javascript动态加载完一个js脚本以后,为什么不能使用加载进来的脚本中的函数
因埋扰为加载脚步需要点时间,你要判断脚步加载完成的时间后返昌才能执行脚步中的函数。可以参考下漏液扒dojs或者seajs中的动态加载写法~