博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
社区设计细节 : 用户可选是否在新窗口中打开主题
阅读量:4079 次
发布时间:2019-05-25

本文共 666 字,大约阅读时间需要 2 分钟。

一般的,很多社区在列表页里浏览具体主题的时候,基于各种考虑.默认要么全部打开新窗口,要么不打开新窗口,用户根本没有选择的余地,今天发现一个论坛,提供了一个复选按钮CheckBox,让用户自己决定是否打开新窗口浏览主题. 在这点上做的不错,赞一下,顺便也要把人家的技术给"偷"过来.其实比较简单了.关键是人家的设计思想有可借鉴之出,为了完整.把代码部分也弄出来:

None.gif
function
 switchTopicOpenMode(box)
ExpandedBlockStart.gifContractedBlock.gif
dot.gif
{
InBlock.gif    
var isPopNew   = box.checked;
InBlock.gif    
var anchorTags = document.getElementsByTagName('a');
InBlock.gif    
for (var i=0; i<anchorTags.length; i++)
ExpandedSubBlockStart.gifContractedSubBlock.gif    
dot.gif{
InBlock.gif        
if (anchorTags[i].getAttribute('name') != 'topiclink') continue;
InBlock.gif        anchorTags[i].target 
= isPopNew ? '_blank' : '_self';
ExpandedSubBlockEnd.gif    }
ExpandedBlockEnd.gif}
然后放个CheckBox:
<input type='checkbox' οnclick='javascript:switchTopicOpenMode(this)' id='keyofpopwin' />在新窗口中打开主题
另外.需要为列表的每个链接加上name=topiclink
0
0
0
(请您对文章做出评价)

posted on 2009-08-06 14:24 阅读(...) 评论(...)

转载地址:http://rapni.baihongyu.com/

你可能感兴趣的文章
Vue全家桶+Mint-Ui打造高仿QQMusic,搭配详细说明
查看>>
React Native开源项目GCore
查看>>
React Native CodePush实践小结
查看>>
React Native 性能优化之可取消的异步操作
查看>>
React Native启动白屏问题
查看>>
React Native 在原生项目中集成之坑点总结
查看>>
React Native for Android 发布独立的安装包
查看>>
React Native应用部署/热更新-CodePush最新集成总结(新)
查看>>
react-native-wechat
查看>>
基于云信的react-native聊天系统
查看>>
Vue2.0全家桶仿腾讯体育APP
查看>>
Android项目集成ReactNativeMac版
查看>>
React Native 应用在键盘弹出时优雅地响应
查看>>
音乐客户端的计时 App
查看>>
用 Vue 撸一个微博客户端
查看>>
初识 weex(前端视角)
查看>>
网易云音乐移动客户端Vue.js
查看>>
JavaScript异步函数
查看>>
ES7 await/async
查看>>
ES7的Async/Await
查看>>