文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
首页 > web前端 > js教程 > 正文

JavaScript链接对用户进行重定向

高洛峰
发布： 2016-11-26 09:39:01
原创
1410人浏览过

可以根据用户是否打开了javascript功能，无缝地对用户进行重定向(redirection)，也就是将用户转到另一个页面。这个示例演示如何将重定向功能嵌入链接中，下面将使用两个html页面和一个javascript文件。
       第一个html页面向用户显示连接：
test.html
[html]
 

     
welcome to our site 
     
 
 
   

 
       

 
 
 
第二个html页面是在用户启用了javascript功能情况下用户被重定向到得html页面。
jswelcome.html
[html]
 
 
    our site 
 
 
   

welcome to our web site, which features lots of cutting-edge javascript

 
 
 
script01.js
[javascript]
window.onload = initall; 
 
function initall() { 
    document.getelementbyid("redirect").onclick = initredirect; 
} 
 
function initredirect() { 
    window.location = "jswelcome.html"; 
    return false; 
} 
 
script01.html
[html]
 
 
    my javascript page 
 
 
 
 
 
当用户打开"test.html"时，根据他们是否打开了javascript功能，将被带到script01.html或jswelcome.html两个页面之一。
js文件中的
[javascript]
function initredirect() { 
    window.location = "jswelcome.html"; 
    return false; 
} 
如果调用这个函数，它就将window.location（即浏览器中显示的页面）设置为一个新的页面。return false表示停止对用户点击的处理，这样就不会加载href页面中指定的页面，这种方式最酷的特色是，完成了重定向而用户根本不会意识到页面发生了重定向。
java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：JavaScript笔记之处理图像 下一篇：JavaScript面向对象
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
js如何获取浏览器窗口大小 窗口尺寸获取的4种方法 获取浏览器窗口大小的方法主要有四种，适用于不同场景。1.window.innerWidth和innerHeight兼容性好，适用于大多数情况；2.document.documentElement.clientWidth和clientHeight用于标准模式；3.document.body.clientWidth和clientHeight用于怪异模式；4.screen.width和screen.height获取屏幕分辨率，较少使用。在移动端，window.innerWidth可能受虚拟键盘影响，可
2025-06-23 08:51:02
334
js如何实现前端埋点统计 用户行为数据采集方案 前端埋点统计通过记录用户行为数据并分析，以优化产品体验。1.确定埋点目标，如页面浏览、按钮点击等关键行为及所需数据；2.选择埋点方式，包括代码埋点、可视化埋点或无埋点；3.使用JavaScript监听事件并封装数据，通过fetchAPI发送至服务器；4.后端接收数据并存储至数据库；5.利用分析工具生成可视化报表；6.避免性能问题可通过异步、批量、延迟发送数据等方式；7.选择工具时考虑功能、易用性、性能、价格和数据安全；8.确保数据准确性需统一规范、测试代码、校验数据、监控埋点及权限管理。
2025-06-23 08:06:05
116
js中if判断如何添加默认条件 在JavaScript的if判断中添加默认条件可通过逻辑运算符||和??实现，||返回第一个真值，适用于一般默认值场景，如name=name||"Guest"；??仅在值为null或undefined时使用默认值，更严格，如score=score??0；可在if条件中直接使用，默认处理更简洁，如if((status??"inactive")==="active")；处理多个变量可用链式操作或复杂条件判断；避免类型转换错误可优先??或严格检查value===null||value===undefi
2025-06-23 08:03:02
211
js怎样实现文字打字机效果 js文字打字机动画的4种实现方式 实现文字打字机效果的方法有多种，核心在于控制文字逐字显示的速度和顺序。1.使用setInterval和字符串截取：通过定时器逐个字符添加，简单但可能影响性能；2.使用requestAnimationFrame和字符串截取：动画更流畅高效，适合复杂场景；3.使用CSSsteps()函数：无需JavaScript，性能好但灵活性差；4.使用第三方库如Typed.js：功能强大但需引入依赖。支持删除和回退可通过修改index值实现；插入HTML标签时可用临时DOM元素解析；优化性能可减少DOM操作、使
2025-06-22 23:57:02
565
js如何生成条形码 使用JS生成商品条形码方案 要使用JS生成条形码，需选择合适库并配置数据和参数。推荐使用JsBarcode，其步骤包括：1.引入库文件；2.创建SVG或Canvas元素；3.调用JsBarcode函数并传入数据及配置项；4.自定义样式以优化显示效果。处理生成错误的方法包括数据校验、使用try-catch捕获异常以及记录日志以便排查问题。选择库时应考虑支持的条码类型、性能、文档完整性和浏览器兼容性，必要时可选ZebraBrowserPrint。实际应用中，合理设置条码宽度和数据格式是确保识别的关键。
2025-06-22 22:39:02
740
JS怎样实现移动端手势操作 5种常见手势识别与事件处理 移动端手势操作可通过监听touch事件实现，核心在于根据触摸轨迹判断手势类型。1.滑动识别：记录起始坐标，在touchend中计算deltaX/deltaY并比较阈值与方向；2.捏合识别：监听多点触控，计算两指距离变化以判断放大或缩小；3.长按识别：设置定时器，在touchend或touchmove时清除定时器以判断是否触发长按；4.手势冲突处理：通过优先级判断、使用手势库或自定义逻辑解决；5.Hammer.js简化方案：引入库后创建实例并注册手势事件，如swipe、pinch等，实现高效开发。
2025-06-22 22:21:02
434
js如何实现文件分片上传 js大文件分片上传的6个优化技巧 文件分片上传的实现步骤包括：1.切割文件为多个分片；2.并发上传以提高效率；3.处理错误与重试机制；4.服务器端合并分片。首先，通过HTML提供文件选择和上传按钮，利用JavaScript读取文件并计算总分片数，使用file.slice方法将文件切割为指定大小的分片，默认推荐2MB-5MB。其次，采用Promise.all实现并发上传，同时控制并发数量以降低服务器压力。接着，在上传失败时加入重试机制，例如指数退避算法避免频繁请求。最后，服务器端需记录每个分片状态，待所有分片上传完成后按顺序合并为
2025-06-22 21:54:02
444
js如何格式化日期时间 日期格式化的5种常用方案 日期格式化的5种常用方案：1.toLocaleString()简单快捷但定制性差；2.toLocaleDateString()和toLocaleTimeString()可单独格式化日期或时间；3.Intl.DateTimeFormat高度可定制支持多语言；4.手动拼接完全控制格式但代码冗长；5.第三方库功能强大但增加依赖。选择方案需根据需求权衡优缺点，如简单格式化可用前两者，精细控制用Intl或手动拼接，复杂项目推荐第三方库。时区处理可通过Intl的timeZone选项、第三方库插件等方式实现。
2025-06-22 21:30:03
242
js如何遍历JSON对象 JSON对象遍历的4种实用方案 遍历JSON对象的方法有四种：1.for...in循环结合hasOwnProperty()可遍历自身属性，但顺序不确定；2.Object.keys()返回键名数组，确保顺序一致并支持数组操作；3.Object.entries()返回键值对数组，简洁且顺序一致；4.递归遍历用于处理嵌套对象，但需注意栈溢出风险。应根据是否需兼容老浏览器、是否要求顺序、是否存在嵌套结构等场景选择合适方法。性能差异通常可忽略，兼容性问题可通过polyfill解决，修改对象时建议操作副本以避免异常。
2025-06-22 18:39:02
666
js怎样实现文字描边效果 5种描边样式让文本更突出醒目 实现文字描边效果在JS中主要依赖CanvasAPI或CSS的text-stroke属性，但需注意兼容性问题。1.CanvasAPI方法：通过先绘制描边再填充文字的方式，设置strokeStyle、lineWidth并调用strokeText()和fillText()，可高度自定义描边样式。2.CSStext-stroke属性：使用-webkit-text-stroke设置描边，简单易用但兼容性较差。3.text-shadow模拟描边：通过叠加多个阴影实现类似效果，兼容性好但性能可能受影响。4.S
2025-06-22 14:18:02
401
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部