导航:首页 > 编程语言 > 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

友情链接