導航:首頁 > 編程語言 > js實現靜態頁面語言切換

js實現靜態頁面語言切換

發布時間:2024-11-27 11:37:29

1. javascript或者Jquery實現 靜態網頁語言切換,且無EN,CN路徑

你用AJAX來做吧···
可以在網頁裡面引用下Jquery····
1、把幾個網內頁都做出來··
2、把每個網站的容Body裡面的內容作為一個js變數寫在JS文件裡面
3、在觸發切換語言的JS事件中,替換掉當前頁面中的Body內容·
4、搞定···

2. JS實現靜態頁面上一頁下一頁效果

思路:頁面中放一個隱藏變數記錄當前的頁面序號,下一頁就是取出當前號+1,上一頁就取出當前號-1;

下面是html為paper78-01-01.htm的代碼,<input type="hidden" name="pagenumber" value="01">的value="01",
paper78-01-02.htm,paper78-01-03.htm就是將value換成02,03即可。

<html>
<head>
</head>
<body>
paper78-01-01.htm
<input type="hidden" name="pagenumber" value="01">
<a href="javascript:goPrevious()">上一頁<a/><a href="javascript:goNext()">下一頁<a/>
<script type="text/javascript">
//下一頁
function goNext(){
goPage(parseInt(document.all.item("pagenumber").value)+1);
}
//上一頁
function goPrevious(){
goPage(parseInt(document.all.item("pagenumber").value)-1);
}

//進入頁號為pageNumber的頁面
function goPage(pagenumber){
if(pagenumber<1) {alert("到了首頁");return;}
if(pagenumber>3) {alert("到了第三頁了");return;}
if(pagenumber<10) pagenumber = "0"+pagenumber;
window.location.href="paper78-01-"+pagenumber+".htm";
}
</script>
</body>
<html>

3. js腳本 假如:A頁 新打開 B頁面窗口,在B頁面傳遞值,A頁面怎麼獲取B頁面值

如果都是html頁面的話,就實現不了。因為兩個頁面要相互傳值。只有動態頁面才能處理請求。
不好意思,我剛查了一下,僅用js也可以實現,它是分隔字元串實現的,代碼如下:
此處使用JS方式實現靜態頁之間值傳遞,其實很簡單,廢話不多說,見代碼,先看index.html頁代碼,如下:
在body標簽之間 加此行代碼
<form action=」a.html?d1=123&d2=你好」 method=」post」 name=」f1″ id=」f1″>< input type=」submit」 name=」s1″ id=」s1″ value=」提交」/>< /form>
然後,我我們新建a.html新頁,同樣在body標簽之間加此行代碼,如下:
<script type=」text/javascript」>var tmpArr; var QueryString; var URL = document.location.toString(); if(URL.lastIndexOf(「?」)!=-1){ QueryString= URL.substring(URL.lastIndexOf(「?」)+1,URL.length); tmpArr=QueryString.split(「&」);for (i=0;i<=tmpArr.length – 1;i++) { document.write(「參數為:」 + tmpArr[i] + 「<br/>」); } }
else{ QueryString = 「」; }< /script>

實現很簡單
一:向目標頁面發送數據(如你的B.html向A.hmtl發送「你好」),代碼就是<form>標簽的action屬性,比喻這樣傳參:action=」a.html?a1=你好」
二:在目標頁面接收參數,並解析出參數值,如js代碼:
var URL = document.location.toString(); if(URL.lastIndexOf(「?」)!=-1){ QueryString= URL.substring(URL.lastIndexOf(「?」)+1,URL.length); tmpArr=QueryString.split(「&」);for (i=0;i<=tmpArr.length – 1;i++) { document.write(「參數為:」 + tmpArr[i] + 「<br/>」); } }

4. html靜態網頁代碼跳轉問題 求代碼

<inputtype="text"name=""id="txt">
<inputtype="button"value="查詢"name=""id="btn">
<script>
varstr=document.getElementById('txt');
varbtn=document.getElementById('btn');
btn.onclick=function(){
varstrVal=str.value;
if(strVal!=""){
window.location.href="http://www.某某.com/"+strVal+".html";

};
}
</script>

需要JavaScript來實現,不過,請注意一點,正常開發當中通常不會這么操作的,因為當你無法獲取到相應頁面的時候,會找不到相應頁面。

5. 靜態頁面怎樣共用頭部和底部

要想實現這種有幾種可以供大家參考:
1:使用ssi技術頁面生成shtml文件,只用在頭部文件位置加入<!--#include file="header.htm" -->,然後修改的時候只要修改header.htm文件就可以了。使用shtml的好處是對搜索引擎比較友好,需要處理的文件在伺服器端完成的,不會加重訪問者的瀏覽器負擔。 2:使用js ,
建立一個head.js的文件,
找一個html轉js的網站
然後把你頭部的html代碼轉化成js代碼,並放在head.js文件裡面。
然後在需要調用head文件代碼的地方添加
<script language="javascript" type="text/javascript" src="js/head.js"></script>
這個地方src="js/head.js"的路徑是你head.js文件的路徑。
這個樣子就可以了~
這種方式的優點是方便,便於修改。缺點是由於搜索引擎讀不懂javascript文件,頭部文件和尾部文件搜索引擎無法收錄,而且js文件過大會加重訪問者的瀏覽器負擔,影響訪問速度。
3:使用iframe
以前人們常常使用靜態frame框架來做首尾(一般不是iframe)。現在越來越少見了。主要因為設計網頁相對比較困難,而且還增加了連接數,而且也不利於搜索引擎的對頭尾的收錄。

閱讀全文

與js實現靜態頁面語言切換相關的資料

熱點內容
模型擬合優度看哪個值面板數據 瀏覽:683
為什麼ai文件下面有ps的角標 瀏覽:813
數據如何傳到電腦 瀏覽:698
linux單用戶維護模式 瀏覽:761
能pk唱歌的app有哪些 瀏覽:906
ps如何一個文件存多頁圖片 瀏覽:331
兩為主一報告是哪個文件 瀏覽:942
win10cf網路異常怎麼辦 瀏覽:39
word文件怎麼做格子 瀏覽:914
機器人比賽編程軟體有哪些 瀏覽:2
守衛劍閣186經典版本 瀏覽:326
網工和大數據哪個好找工作 瀏覽:261
生成pdb文件 瀏覽:858
java推送rtmp伺服器 瀏覽:171
查看網路埠連接情況 瀏覽:419
java最流行的程序設計語言 瀏覽:36
excel文件巨大 瀏覽:843
17年中央1號文件全文 瀏覽:770
j2ee編程中的容器是什麼意思 瀏覽:356
linux在後台運行 瀏覽:699

友情鏈接