JS 参数传递的实际应用代码分析
2009-09-13 00:00
555 查看
原因很简单,在DOM中没有id为msg_box的div标签,该怎么解决这个问题呢?
方案:
在所有页面公用的头部文件header.tpl.html中写入:
但是该项目index.html存在四个相同性质的页面,都需要Ajax来刷新,这样就存在一个问题,当用户点击第三个栏目时,虽然可以回到index.html,但是无法刷新内容到第三个栏目。这时有两种解决方案:
方案1:
第一步:
在所有页面公用的头部文件header.tpl.html中写入:
第二步:
改进showMenu函数
方案2:
调用JS的cookie功能传递参数
在所有页面公用的头部文件header.tpl.html中写入:
方案:
在所有页面公用的头部文件header.tpl.html中写入:
<script> function changMenu(index){ if(typeof getElementById("msg_box") == "object"){ //如果存在msg_box对象 则刷新该页的对象 showMenu(index); }else{ //如果不存在 则重定向到使用Ajax刷新的页面 window.location = "/index.html"; } } </script>
但是该项目index.html存在四个相同性质的页面,都需要Ajax来刷新,这样就存在一个问题,当用户点击第三个栏目时,虽然可以回到index.html,但是无法刷新内容到第三个栏目。这时有两种解决方案:
方案1:
第一步:
在所有页面公用的头部文件header.tpl.html中写入:
<script> function changMenu(index){ if(typeof getElementById("msg_box") == "object"){ //如果存在msg_box对象 则刷新该页的对象 showMenu(index); }else{ //如果不存在 则重定向到使用Ajax刷新的页面 window.location = "/index.html?type="+index; } } </script>
第二步:
改进showMenu函数
function showMenu(index){ if(typeof getElementById("msg_box") == "object"){ //如果存在msg_box对象 则刷新该页的对象 ...... }else{ url = window.location.href; reg = /^(.*)\/index\.html\?type\=\d$/gi; if(reg.test(url)){ //如果符合传参数页面的url。则获取该参数 index = url.substr(url.length - 1); ...... } } }
方案2:
调用JS的cookie功能传递参数
在所有页面公用的头部文件header.tpl.html中写入:
<script> function changMenu(){ index = getCookie("index"); if(index == null) index = 1; if(typeof getElementById("msg_box") == "object"){ //如果存在msg_box对象 则刷新该页的对象 showMenu(index); }else{ setCookie("index", index); //如果不存在 则重定向到使用Ajax刷新的页面 window.location = "/index.html"; } } function setCookie(name, value){ var Then = new Date() Then.setTime(Then.getTime() + 1*3600000 ) //小时 document.cookie = name+"="+value+";expires="+Then.toGMTString(); } function getCookie(name) { var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)")); if(arr != null) return unescape(arr[2]); return null; } </script>
相关文章推荐
- JS参数传递的实际应用
- JS控制静态页面之间传递参数获取参数并应用的简单实例
- Com组件调用JS代码并传递多个参数个JS函数
- js参数传递分析
- android中利用webview调用网页上的js代码 Java代码调用js并传递参数
- Js从头学起(详细分析基本数据类型和引用类型的参数传递)
- 一起谈.NET技术,C#特性Attribute的实际应用之:代码统计分析
- ios--网页js调用oc代码+传递参数+避免中文参数乱码的解决方案(实例)
- ios--网页js调用oc代码+传递参数+避免中文参数乱码的解决方案(实例)
- JS与PHP向函数传递可变参数的区别实例代码
- JS与PHP向函数传递可变参数的区别实例代码
- C#特性Attribute的“.NET研究”实际应用之:代码统计分析
- ios--网页js调用oc代码+传递参数+避免中文参数乱码的解决方案(实例)
- php中参数的传递,并在js中的应用
- js获取html参数及向swf传递参数应用介绍
- C#特性Attribute实际应用:代码统计分析
- JS控制静态页面之间传递参数获取参数并应用
- C#特性Attribute的实际应用之:代码统计分析
- JS基本数据类型和引用类型的参数传递详细分析