首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么点击后页面会跳转到//localhost的首页?

点击后页面跳转到//localhost的首页是因为在网页中使用了相对路径的链接,而不是绝对路径的链接。相对路径是相对于当前页面的路径,而绝对路径是从根目录开始的完整路径。

当链接的href属性值以双斜杠(//)开头时,表示使用的是协议相对URL。协议相对URL会根据当前页面的协议来决定使用的协议,如果当前页面是通过http协议访问的,那么跳转链接也会使用http协议。而localhost是一个特殊的域名,表示本地主机,通过访问localhost可以访问到本地计算机上的服务。

因此,当点击这样的链接时,页面会跳转到当前页面所在主机的localhost首页,也就是本地计算机上的首页。

如果想要跳转到其他页面或其他网站,可以使用绝对路径的链接,例如使用完整的URL(包括协议、域名、路径)来指定跳转的目标页面。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

解读小程序互功能,首对互相跳转小程序发布!

你也可以通过直接访问接口人小程序, 然后新建几个接口人,并定义一些可重复标签,然后点击“+”号按钮下面的“生成Nodes思维导图”,那么就会直接跳转到Nodes小程序,此时会根据你在接口人小程序定义接口人制作一个思维导图...接下来谈谈关于“小程序互一些事情: 首先要给大家明确一下:其实小程序中老早就有互相跳转功能了,具体可参考Nodes小程“关于”: ?...“小程序码互优缺点是: 优点:无限制范围,可跳转到任意一个小程序 缺点:交互入口深,只能是小程序码图片(传统二维码图片都不行),而且只能长按识别,用户体验一般 而自从昨天之后,6.5.9版本微信就具备了...花叔解释一下为什么是36个,你把它理解成“只要能通过公众号找到某个小程序,那么就能跳过去”。这样就好理解了,理一下有下图: ? 36个就是这样。...最后,文章篇幅略长,花叔特意为大家理了要点(点击可看高清演示): ? 最后最后,目前跳转落地右上角“回到首页按钮”点击时有Bug,该bug花叔已反映给相关同事,正在处理。 结束....

2.1K120

产品需求文档:C端生鲜电商APP

当app初次被打开时会出现两种事件: (1)在无网络情况下,会提醒用户没有网络链接 (2)在有网络情况下,启动时页面会加载3秒进入首页初始进行位置授权 4.2 主导航 ?...(1)授权地址完成,跳转到首页加载完弹窗状态,点击取消能关闭弹窗,点击弹窗可以跳转到相关活动,例如优惠卷赠送,水果生鲜,海鲜肉食等等。...首页下拉状态 4.4 美食页面 ? (1)点击搜索框跳转搜索页面 (2)暂停播放,点击会跳转到视频详情 (3)视频区域,点击会跳转到视频详情 ?...全部订单 (8)点击转到优惠卷详情 ? 优惠券 (9)点击转到关注页面 ? 我关注 (10)点击转到意见反馈页面 ? 意见反馈 (11)点击转到招兵买马页面 ?...招兵买马 (12)点击转到收货地址详情 ? 收货地址 (13)点击转到在线客服页面 ? 在线客服 4.7 相关内容 (1)首页限时秒杀 ? (2)首页超值推荐 ? (3)首页轮播图 ?

2.5K21
  • 实战 | UI 自动化测试框架设计与 PageObject 改造

    点击搜索框进入搜索,搜索某支股票然后判断股价是否大于 200:PageObjetct 模块关系如下,所有的模块要继承 BasePage , App 实现启动,重启,停止等操作, Main 实现进入搜索...,进入股票等操作:base_page 模块是所有 page 类父类,其中定义了公共方法,比如封装下面的 find 方法,可以让子类调用 find :from appium.webdriver.webdriver...Main ,Main 类定义在后面会讲解:from appium import webdriverfrom test_appium.page.base_page import BasePagefrom..._driver)Main 模块是首页 PageObject ,其中方法封装了首页重要功能,比如下面代码中 goto_search_page 封装了点击搜索并跳转到 Search :from appium.webdriver.common.mobileby...test_appium.page.profile import Profilefrom test_appium.page.search import Searchclass Main(BasePage): #点击搜索按钮

    68300

    vue2进阶篇:安装路由

    ,通过点击跳转路由,因此局限性也非常大。...比如登录输入用户名+密码,这里当点击“登录”按钮时肯定不能直接跳转页面,得ajax向后端发请求验证用户名和密码是否正确等,这时就需要使用编程式路由了。...答案:push模式是栈常规模式,可以回到上一级,会留下痕迹replace模式是替换模式,会替换掉栈顶路由,回不到上一级,不会留下痕迹(无痕模式),适用于登录,不需要重新回到登录。...问题4:想实现url默认输入https://localhost:8080就能自动跳转到首页,代码如下,但是无效router文件夹下index.js文件//引入vue-router路由插件import...,访问/,立马让他定向到首页 { path: '*', redirect: Home, } ]})答案:redirect属性后面跟应该是路径而不是组件名称

    11600

    Flutter开发(15)- 路由导航

    在之前案例(豆瓣)中,我们通过IndexedStack来管理了首页Page切换: 首页-书影音-小组-市集-我 通过点击BottomNavigationBarItem来设置IndexedStack...index属性来切换 除了上面这种管理页面的方式,我们还需要实现其它功能页面跳转:比如点击一个商品跳转到详情,某个按钮跳转到发送朋友圈、微博编辑页面。...: MaterialPageRoute在不同平台有不同表现 对Android平台,打开一个页面会从屏幕底部滑动到屏幕顶部,关闭页面时从顶部滑动到底部消失 对iOS平台,打开一个页面会从屏幕右侧滑动到屏幕左侧...基本跳转 我们来实现一个最基本跳转: 创建首页页面,中间添加一个按钮,点击按钮跳转到详情页面 创建详情页面,中间添加一个按钮,点击按钮返回到首页页面 核心跳转代码如下(首页中代码): // RaisedButton...参数传递 在跳转过程中,我们通常可能会携带一些参数,比如 首页跳到详情,携带一条信息:a home message 详情返回首页,携带一条信息:a detail message 首页跳转核心代码:

    98520

    猿进化系列14——实战之一文搞懂需求设计

    上图就是网站导航栏,每一个选项,代表着不同类别的产品,每一个子页面会展示各自特色产品。这些分类往往是针对产品,想在首页展示哪些分类,往往是希望动态展示。...我们再看第二幅图片,是一个分类搜索结果,我们要做一个事情就是,按分类展示列表,我们看右手边还有一个热门推荐列表,在页面底部,还有一个翻页列表。点击查看详情,通常需要跳转到线路详情页面。...我们再看详情页面图片,在详情页面,我们看到:首页->国内游->全国-曼谷…这样信息,这类信息我们通常叫做“面包屑”。点击首页,页面回到首页点击国内游,页面回到国内游分类列表页面。...还可以点击立即登录跳转到登录页面,在登录页面,要求用户输入账号和密码以及验证码点击登录转到首页,也可以勾选自动登录按钮,让浏览器记住账号和密码方便下次登录。还可以点击立即注册跳转到注册页面。...(前端校验)、注册页跳转到登录、登录转到注册页、自动登录,这些功能不需要后端程序参与,属于页面的静态功能。

    46820

    Spring Security 自定义用户认证

    1.5 创建相关 Controller 及自定义登录首页 在 Spring Security 中 DefaultLoginPageGeneratingFilter 过滤器会为我们生成默认登录界面:...我们来测试一下效果,首先启动 Spring Boot 应用,待启动完成在浏览器中打开 http://localhost:8080/login 地址,若一切顺利的话,你将看到以下界面: ?...但当我们输入正确用户名和密码点击登录之后,映入眼帘却是以下异常页面: Whitelabel Error Page This application has no explicit mapping...到我们访问 http://localhost:8080/index 时候,页面会自动跳转到 http://localhost:8080/authentication/require,并且输出 “访问服务需要身份认证...而当我们访问 http://localhost:8080/index.html 时候,页面会转到登录页面。

    1.4K20

    手摸手教你定制 Spring Security 表单登录

    新建首页 这个是登录成功跳转首页,代码如下: 4....username,具体逻辑在UsernamePasswordAuthenticationFilter .defaultSuccessUrl("/"):登录认证成功默认转路径,这里/则是跳转到/index.html...自定义登录结果 在第5步配置中,和登录结果相关配置有如下两个: .defaultSuccessUrl("/"):登录认证成功默认转路径,这里/则是跳转到/index.html,可以自定义 .failureUrl...当我们登录失败时候,是由AuthenticationfailureHandler进行登录结果处理,默认跳转到failureUrl配置路径对应资源页面(一般也是跳转登录login.html,重新登录...,比如/hello2这个路径,登录成功将会自动跳转到/hello2这个页面而不是首页 代码如下: 8.2 自定义登录失败结果 这里我们同样没有直接实现AuthenticationFailureHandler

    73610

    【iOS开发】URL拦截转换成本地路由模块URLRewrite

    需求场景 做过电商App可能都遇到过这样需求,在商场首页,各种各样动态跳转,跳转商品详情、秒杀列表、品牌列表、搜索结果、分类结果页面等等等等。...同一个位置,可能今天这个商品,明天跳转那个商品,运营配就是一个web端URL。 拦截webView里面的URL。 需求分析 拦截各种各样URL,跳转到指定原生页面。...URL种类可能会一直增加。 指定位置即某个button点击URL也不是固定,可以动态配置。 以前解决方案 接手项目前,已经有这个功能,之前也没有引入路由。...这一块做法是:对url进行path匹配或者字符串匹配,成功再做特殊操作。所以经常出现这个url没拦截,那个url错了这样bug。每添加新URL拦截都得修改代码,发版。...,返回重写目标URL,交给统协议处理。

    1.2K20

    Vue3.0实现todolist之跳转路由(常用push,back,go等方法)

    在home.vue里面 写一个button按钮 点击按钮 实现从首页转到about界面 跳转路由 这里需要从vue-router...router对象 这是一个全局路由对象 里面会包含很多方法 可以打印出来看一下 //router是全局路由对象 let router = useRouter(); console.log...(router); 这里可以看见我们最常用push方法 push函数里面可以直接传入跳转路径 router.push("/about"); 也可以传入对象参数 router.push...//router.push("/about"); //back回退到上一 //forward:去到下一 //go(整数) 整数代表前进 负数代表后退...router.back(); 也可以使用 router.go(-1); 写一个开始 Start 作为首页首页点击按钮 开始任务 会 跳转到home界面

    1.1K20

    零基础使用Django2.0.1打造在线教育网站(二十四):全局页面配置

    点击数加1,收藏数配置,小喇叭消息已读配置,首页开发以及404和500面的配置等功能,下面我们依次介绍一下。...首页登出实现 现在我们来完善我们首页系统登出功能,这个没有页码,你登出只需要跳转到首页即可,所以我们只需要写一个view就能完成这个操作。...# 如果记录已经存在, 那么用户就可以取消收藏 exist_records.delete() # 下面是根据收藏类型来进行删除,同时删除机构类型对应喜欢人数也会减一...[1240] 404和500面的配置 老规矩,从前端资料里面拷贝我们404和500面到templates文件夹并修改文件里面的静态文件地址。...,发现页面有了,但是样子却没加载出来,这是为什么呢?

    81330

    网页里「返回」应该用 history.back 还是 push ?

    举个例子比如我五子棋小游戏:点开链接,会出现文章开头图片页面——游戏主页,「进入房间」,左上角有个「离开房间」按钮,点击,会返回主页。...比如有个初始页面H,用户从初始页面H跳转到了列表A,用户通过点击列表A里面的详情Ax链接(x代表一个正整数,列表通常有多个详情链接),可以进入详情Ax。...如果确实有快速跳转诉求,只能用replace实现。不允许跨模块跳转(如模块A某页面模块B某页面)。如果一定需要这种跳转,只能在新标签打开。...4.3 为什么这样定义产品原则?产品原则目标:让浏览器历史记录栈与网页结构保持一致:用户进入更深页面层级,浏览器历史记录栈就增1。用户返回更浅页面层级,浏览器历史记录栈就减1。...,需要连续调用一次push和一次back,目的是清空浏览器「前进」历史记录栈。

    5.1K61

    【笔记】微信小程序注册、发布流程及首页自动跳转

    本来这篇笔记应该前天发,上周我注册了一个微信小程序,周六根据官方教程和API写了一个简单小程序。 为什么今天才发呢?...右击 新建 Page 会自动生成 .js .wxml .wxss 三个文件,同时该页面会自动添加到 app.json pages 配置中。...程序启动后会自动跳转到 第一行配置页面 pages/index/index "pages": [     "pages/index/index",     "pages/wxml/content",...然后在后台 开发管理 最下面 找到 开发版本,点击右侧小三角 点击 选为体验版。 ? 现在就可以扫描二维码进行测试了。 ?...首页自动跳转: 我们可以写一个欢迎,然后进行页面跳转,优化用户体验。

    99300

    【愚公系列】2022年03月 微信小程序-导航(跳转)

    否 当target="miniProgram"时有效,要打开小程序 appId 2.0.7 path string 否 当target="miniProgram"时有效,打开页面路径,如果为空则打开首页...2.18.1 hover-class string navigator-hover 否 指定点击样式类,当hover-class="none"时,没有点击态效果 1.0.0 hover-stop-propagation...boolean false 否 指定是否阻止本节点祖先节点出现点击态 1.5.0 hover-start-time number 50 否 按住多久出现点击态,单位毫秒 1.0.0 hover-stay-time...id=1' }) navigateBack 关闭当前页面,返回上一面或多级页面。可通过 getCurrentPages 获取当前页面栈,决定需要返回几层。...// 注意:调用 navigateTo 跳转时,调用该方法面会被加入堆栈,而 redirectTo 方法则不会。

    1K40

    小程序从此可局部营销

    为什么楼主对该功能特别在意,主要是因为这功能会给小程序带来一些内容营销策略改变,可对局部功能或内容进行聚焦营销,在说这个改变前,需要科普一下url参数、动态链接以及静态链接区别: url参数,指的是链接末端如...4月23日早上8:52发文章,文章里插入了两个小程序卡片,用意是让文章读者点击并跳转到对应小程序内页,但结果让我失望了,当时两个卡片只能只能跳转到Nodes首页,我又再研究了一下,总结了一下这个功能...而有了这个“支持动态链接推广”特性,这事就好办了,这时候小程序内只需要有一个资讯模板,然后通过动态链接去拉取不同资讯数据,实现不同资讯展示,然后直接推广这个动态链接即可。...再类比到“Nodes”小程序上的话,以往我是不可能单独推广某个思维导图(我不可能为每个用户单独做一个静态),现在有了这个特性,我能在得到用户授权,单独推广这个用户某个思维导图,例如: 很酷有木有...~ 在文章中通过点击“阅读全文”跳转到对应H5方式,对比于通过小程序卡片跳转到对应小程序页面,两者优缺点还有待各位客官挖掘~ 最后天马行空YY猜想一下: 小程序卡片应该不止一种表现形式,可能更多形式在开发中

    89840

    PageObject(PO)设计模式在 UI 自动化中实践总结(以 QQ 邮箱登陆为例)

    当启动雪球 App 时,会进入首页。...点击搜索框进入搜索,搜索某支股票然后判断股价是否大于 200: PageObjetct 模块关系如下,所有的模块要继承 BasePage , App 实现启动,重启,停止等操作, Main 实现进入搜索...,进入股票等操作: base_page 模块是所有 page 类父类,其中定义了公共方法,比如封装下面的 find 方法,可以让子类调用 find : App 模块封装 app 启动,重启...,停止等方法,当 app 启动时会进入 main 页面,因此在下面的 main 方法要 return Main ,Main 类定义在后面会讲解: Main 模块是首页 PageObject ,其中方法封装了首页重要功能...,比如下面代码中 goto_search_page 封装了点击搜索并跳转到 Search : Search 模块可以搜索一支股票,还可以获取股票价格,比如下图: 封装代码如下: 最后对上述代码建立测试

    58730

    微信小程序之启动重要性

    启动在APP中是个很常见需求,为什么对于小程序来说也非常重要呢?首先我描述一下我在开发过程中遇到一些问题以及解决步骤,到最后为什么要加启动,看完你就明白了。...会导致一个问题就是首页获取关注信息执行完了,登录逻辑还没完,获取不到正确数据。 于是把登录逻辑放到首页onLoad方法中执行,在登录成功之后再去获取关注数据,这样就能解决上面说问题了。...问题是如何实现阻塞功能,就是登录之后再去跳转到其它页面,思路就是通过定时器方式去检测登录状态,成功了之后再跳转。...分享也是一样,分享出去地址不再是本页面的地址,而是启动地址,带一个参数,这个参数才是本页面的地址,当用户点击分享小程序进入之后会先进入启动,启动中获取参数,等待登录逻辑执行完成之后,再根据参数跳转到分享页面...page='+page } } 重点关注isshare=1这个参数,当直接打开分享页面时,用户点击左上角返回按钮,基于现有的逻辑会退回到启动,因为是从启动中转过来,这是有问题,要么就去掉这个返回按钮

    1.1K30

    爬虫学习笔记:Selenium爬取淘宝美食 附完整代码

    如下图: 而我们需要信息都在每一商品条目里。如下图: 在页面的最下面,有个分页导航。为100,要获得所以信息只需要从第一到带一百顺序遍历。...采用selenium模拟浏览器不断遍历即可得到,这里为直接输入页数然后点击确定转。这样即使程序中途出错,也可以知道爬到那一了,而不必从头再来。...如下图: 如上图,我们爬取淘宝商品信息,只需要得到总共多少条商品条目,而淘宝默认100,则只需要每一商品条目都加载完之后爬取,然后再转就好了。用selenium只需要定位到专业和条目即可。...将要爬取页数当做参数传入,在方法里我们先访问了搜素商品链接,然后判断当前页数,如果大于1,就转。否则等待加载完成。这里我们使用显示等待,WebDriverWait对象,指定一个最长等待时间。...转先定位跳转条目,然后clear()清空输入框,然后使用send_keys()将页码传入输入框,最后点击确定。在跳转那里可以观察到成功跳转到某一,页码会高亮显示。

    1K20

    1小时实战入门小程序开发,历史上今天案例讲解

    这样我们首页展示就实现了,接下来看我们详情 四,详情 ? 可以看出我们详情很简单,就一个webview,但是功能却很丰富。 ? 当然这一切都拜webview这个强大组件所赐。...至于如何实现这个视频功能,我视频里有说。偷笑。。。。。 还是接着讲我们这个详情,首先我们要实现首页列表点击,跳转到详情。这里还要贴出首页代码了 ?...上图bindtap用来实现点击事件,data-link用来在点击时候传递值。 ?...看上图点击事件实现,可以看出,我们是在点击时候拿到一个link值,然后把这个值传递到详情,而这个值,就是我们webview用来展示网页链接。 ?...yueRi }) }, fail(res) { console.log("请求失败", res) } }) }, //跳转到详情

    67232
    领券