用JS实现WordPress的页面导航的新页面的不同打开方式
来源:互联网 发布:array python 编辑:程序博客网 时间:2024/05/17 01:58
最近CG的日语培训课程开始了,因为每天有很多的课业要完成,所以最近没有怎么更新,请大家原谅。
昨天解决了一个朋友的小问题,CG感觉解决问题的方法很简单也很实用,大家可能也会经常遇到,在这里分享给大家
问题如下,让Wordpress博客系统PHP自动生成的首页导航栏当中的多个页面的导航的链接目标可以用不同的方式打开,比如当前页面和新页面两种方式。
知道HTML的朋友可能会用taget="_self"和target="_blank"来解决,不过CG看完WP主题中自动生成代码之后发现解决时很麻烦的事情,因为该主题,PHP自动的导航栏如果只使用HTML实现的话,就只有一种方式,方案否决。
HTML不行只有求助JS来实现可以在没有页面内容中增加JS代码来实现弹窗打开,然后再将父页面返回即可,考虑如果是新打开的页面同样包含弹窗JS代码从而产生递归,设置一个窗口名验证即可解决问题。
javascript代码如下:
说明,JS弹出窗口方式会在IE6以上版本被工具栏或IE自身禁止,因
此,如果是简单的文字页面大家可以改成showModelDialog来实现
大家如果经常登陆淘宝的话可以发现淘宝使用的showModelDialog
首先判断能否实现弹出,不允许的话就换。
javascript代码如下
简单的JS说明,定义一个变量pageName用来保存页面的唯一标示
然后就是一个判断,用来消除递归,接着是弹出窗口,最后的当然
就是返回啦,哈哈。
使用方法比较麻烦,需要你对每个页面单独添加JS脚本,大家可以
在编辑页面时使用HTML源代码编辑,然后为你的页面选择一个唯
一的名称,修改pageName,最后加入到你的页面的最上边就可以
了。
如果要实现强制弹窗的话,大家可以考虑使用Flash来实现,很流氓
也很霸道,实现的话也并不复杂,CG最近会把方法放上跟大家分享
,大家期待吧。
--------------------------------------------------------------------------------------
- 版权声明:
- 如在本页面内无特别说明,本文内容均为[李大仁博客]原创,本文版权归[李大仁博客]所有。
- 欢迎转载,转载请务必在文章页面明显位置提供原文链接并注明出处。欢迎您在转载本文时保留本段声明。
- 文章标题:JavaScript实现网站页面导航的新页面的强制弹出方式打开
- 独立博客:李大仁博客
- 永久链接:http://www.lidaren.com/archives/479
--------------------------------------------------------------------------------------
以上内容由博客自动发布工具自动发布,最终显示内容和效果会与原文内容有所偏差,敬请谅解。
昨天解决了一个朋友的小问题,CG感觉解决问题的方法很简单也很实用,大家可能也会经常遇到,在这里分享给大家
问题如下,让Wordpress博客系统PHP自动生成的首页导航栏当中的多个页面的导航的链接目标可以用不同的方式打开,比如当前页面和新页面两种方式。
知道HTML的朋友可能会用taget="_self"和target="_blank"来解决,不过CG看完WP主题中自动生成代码之后发现解决时很麻烦的事情,因为该主题,PHP自动的导航栏如果只使用HTML实现的话,就只有一种方式,方案否决。
HTML不行只有求助JS来实现可以在没有页面内容中增加JS代码来实现弹窗打开,然后再将父页面返回即可,考虑如果是新打开的页面同样包含弹窗JS代码从而产生递归,设置一个窗口名验证即可解决问题。
javascript代码如下:
var pageName="demo" //窗口名
if(window.parent.name != pageName){
window.open(document.location,pageName);//弹出窗口
window.history.back() ;//返回上一页面
}
说明,JS弹出窗口方式会在IE6以上版本被工具栏或IE自身禁止,因
此,如果是简单的文字页面大家可以改成showModelDialog来实现
大家如果经常登陆淘宝的话可以发现淘宝使用的showModelDialog
首先判断能否实现弹出,不允许的话就换。
javascript代码如下
var pageName="demo" //窗口名
if(window.parent.name != pageName){
window.showModelDialog(document.location,pageName);//弹出窗口
window.history.back() ;//返回上一页面
}
简单的JS说明,定义一个变量pageName用来保存页面的唯一标示
然后就是一个判断,用来消除递归,接着是弹出窗口,最后的当然
就是返回啦,哈哈。
使用方法比较麻烦,需要你对每个页面单独添加JS脚本,大家可以
在编辑页面时使用HTML源代码编辑,然后为你的页面选择一个唯
一的名称,修改pageName,最后加入到你的页面的最上边就可以
了。
如果要实现强制弹窗的话,大家可以考虑使用Flash来实现,很流氓
也很霸道,实现的话也并不复杂,CG最近会把方法放上跟大家分享
,大家期待吧。
--------------------------------------------------------------------------------------
- 版权声明:
- 如在本页面内无特别说明,本文内容均为[李大仁博客]原创,本文版权归[李大仁博客]所有。
- 欢迎转载,转载请务必在文章页面明显位置提供原文链接并注明出处。欢迎您在转载本文时保留本段声明。
- 文章标题:JavaScript实现网站页面导航的新页面的强制弹出方式打开
- 独立博客:李大仁博客
- 永久链接:http://www.lidaren.com/archives/479
--------------------------------------------------------------------------------------
以上内容由博客自动发布工具自动发布,最终显示内容和效果会与原文内容有所偏差,敬请谅解。
0 0
- 用JS实现WordPress的页面导航的新页面的不同打开方式
- 各种打开新页面的方式总结
- JS打开新页面的方法
- 用js实现 在当前页面打开新页面
- 简单的页面打开方法(新页面或同一页面)
- 打开新页面的设定
- JS中用window.open()方式打开,使新页面全屏、居中的代码
- ie8下showmodaldialog页面回传会打开新页面的问题
- 解决打开新页面的#page2页面问题
- 关于ajaxfileupload.js的上传打开新页面的问题
- asp.net各种打开新页面的方式总结
- JS的location.href如何跳出框架打开新页面
- 关于js自动打开新页面被拦截的解决方法
- js页面跳转和打开新页面
- JS 用window.open()函数,打开的新页面回调父级页面的函数
- 用storyboard用导航控制器推出新页面的两种方式,即segue的2种方式
- UpdatePanel下用JS弹出提示框和打开一个新页面的方法
- 【web前端】关于页面中 JS 中windown.open( )方法打开新页面有可能会被浏览器拦截的问题
- Spark查询Hive表时没有权限及无法找到表
- JAVA实现的简单CRM系统源代码
- 发布中小企业产品展示的ASP网站整站源代码
- 企业网站展示补充用Jquery实现简单的动态变化效果
- 6.sed高级子命令
- 用JS实现WordPress的页面导航的新页面的不同打开方式
- Java 读取配置文件Properties
- 用AS+JS实现IE等浏览器的强制弹出窗口源代码
- java 异常处理
- 发布WordPress支持列表显示的音乐播放器插件
- php4/5使用Dom方式读取和解析和创建XML简单教程
- 修改Realtek瑞昱网卡硬件MAC地址突破路由器上网Mac地址绑定
- 发布基于C#与Flash通信的游戏设计器完整源代码
- AS3中利用matrix矩阵变换实现上下左右转置反转