首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    简单实现页面自动跳转引导

    整体需求 当新用户访问网站时(所有页面),弹出一个提示框,询问是否跳转到指定的网站。 如果用户选择 确定,则跳转到新网站。 如果用户选择 取消,则不跳转并关闭弹窗。...比如是不是你网站都会加载一个公共的header文件,如果有的话,把上面的js代码嵌入即可实现; 我这里主要是halo 1.x搭建的,所以在系统内设置就可以实现 取消之后不显示 简单思考一下,要实现点击取消后,无论访问网站的哪个页面都不再显示弹窗跳转...checkCookie(); }; 优化交互 上面其实已经实现基本的需求了,但是在交互上来看,还不够友好,那么自带的这个弹窗就不太能满足我的需求,最好就是使用 HTML...和 JavaScript 来创建一个自定义的弹窗,并且包含三个按钮(“确认跳转”、“不跳转”和“不再提示”); 那么这里就肯定需要将 HTML 元素动态生成,CSS 样式通过 JavaScript 内联或插入到页面的...跳转逻辑:点击 确定 后,用户将直接跳转到指定的新网站。 界面设计:整体界面遵循了 Element UI 风格,布局简洁,按钮操作明显。

    2.4K10
    领券