『壹』 如何在頁面載入完成後執行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中的動態載入寫法~