首页
学习
活动
专区
工具
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): #点击搜索按钮后

    70800

    vue2进阶篇:安装路由

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

    12800

    Flutter开发(15)- 路由导航

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

    98820

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

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

    47720

    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

    74810

    【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文件夹并修改文件里面的静态文件地址。...,发现页面有了,但是样子却没加载出来,这是为什么呢?

    81730

    网页里的「返回」应该用 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",...然后在后台 开发管理 最下面 找到 开发版本,点击右侧的小三角 点击 选为体验版。 ? 现在就可以扫描二维码进行测试了。 ?...首页自动跳转: 我们可以写一个欢迎页,然后进行页面跳转,优化用户体验。

    1K00

    【愚公系列】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

    【愚公系列】《微信小程序与云开发从入门到实践》019-导航组件与页面配置节点组件

    /index/index"> 跳转到首页 1.1 代码解释 组件:这是小程序中用于页面跳转的组件。...在此示例中,点击 navigator 组件内的文本 跳转到首页 时,会自动跳转到项目的首页,即 index 页。 url 属性:该属性指定了跳转目标页面的路径。在此示例中,url="...../index/index" 表示跳转到根目录下的 index 页面。 1.2 功能说明 运行上述代码后,当用户点击页面中的 跳转到首页 文案时,页面会自动跳转到 index 页面。...当用户点击返回按钮后,当前页面会被退出。为了配置页面的导航栏,我们可以在页面对应的 JSON 文件中进行配置,也可以使用页面配置组件来进行配置。.../index/index"> 跳转到首页 2.1 代码解释 page-meta 组件:这是一个页面属性配置节点组件,用于动态配置页面属性。

    10800

    小程序从此可局部营销

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

    90640

    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 模块可以搜索一支股票,还可以获取股票的价格,比如下图: 封装代码如下: 最后对上述代码建立测试

    59930

    微信小程序之启动页的重要性

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

    1.1K30

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

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

    1K20
    领券