`
deng131
  • 浏览: 675484 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

页面链接地址自动切换http/https

阅读更多
在支付页面开发中遇到问题:

在https页面中引用了http页面元素,将会出现弹出警告窗体,虽然是安全情况考虑,对用户体验很不好。


该类型的警告出现在:发行方的证书发行方不在IE信任的发行方列表中, 该警告只会在第一次访问不被信任https站点时出现,如果IE不关闭,继续浏览该站点的话是不会再次出现该警告的;

虽然可以在IE浏览器设置 IE信任的发行方列表可以参考 Internet选项 – 高级 – 证书 – 受信任的根证书颁发机构选项在此信任列表中,但是在一般情况下不可能让用户去主动设置。

采用方法:

1: 在js中通过document.location.protocol来获取当前页面的Scheme,然后来生成对应的url。
2: 使用相对路径来实现://www.tech126.com/tag/https/,省略了url中的Scheme部分,这样它就会根据当页面的Scheme来自动切换了。

参考:
http://www.tech126.com/tag/https/
http://www.alisdn.com/wordpress/?tag=http
http://blog.httpwatch.com/2010/02/10/using-protocol-relative-urls-to-switch-between-http-and-https/
1
3
分享到:
评论

相关推荐

    基于html的图片手动切换和自动切换

    HTML的`<a>`标签用于创建超链接,可以链接到同一页面的不同部分,也可以链接到其他网页或资源。在这里,我们可以为每张图片创建一个`<a>`标签,通过JavaScript监听点击事件,当用户点击“上一张”或“下一张”按钮时...

    tab自动切换

    在IT行业中,"Tab自动切换"是一个常见的交互设计特性,主要应用于各种软件、网页和操作系统界面。这个功能允许用户通过按下键盘上的Tab键在不同的输入框或者可聚焦元素之间进行快速切换,提升操作效率和用户体验。...

    2款jQuery图片自动切换常用广告代码

    在网页设计中,图片自动切换是一种常见的动态效果,用于展示多张图片或广告,增加页面的视觉吸引力。jQuery,作为一款强大的JavaScript库,为开发者提供了简单易用的API来实现这种功能。本主题将深入探讨两款基于...

    js自动切换图片

    `images`文件夹可能包含了要自动切换的一组图片,它们需要正确地链接到HTML文件的`<img>`标签中。例如: ```html <img src="images/image1.jpg" alt="Image 1"> <img src="images/image2.jpg" alt="Image 2"> ...

    IP切换脚本_自动切换IP地址、掩码、网关、DNS

    标题中的"IP切换脚本_自动切换IP地址、掩码、网关、DNS"就是这样一个工具,它能够帮助我们一键完成这些设置,极大地简化了操作流程。 首先,我们需要理解脚本的基本工作原理。在Windows系统中,我们可以使用批处理...

    jQuery全屏页面滚动导航切换效果

    - 切换导航高亮:当检测到某个页面部分在视口内时,修改对应的导航链接的样式,如添加高亮类。 - 平滑滚动:使用`$('html, body').animate({ scrollTop: targetOffset }, duration)`实现平滑滚动到指定位置。 4. ...

    js广告图片自动切换

    在JavaScript(JS)编程中,实现“广告图片自动切换”的功能是一项常见的需求,尤其是在网站设计和开发中。这种功能能够为用户提供动态、吸引人的视觉体验,同时也可以展示多个广告产品。接下来,我们将深入探讨如何...

    jquery简单同一页面多个图片切换插件

    在这个插件中,我们将探讨如何利用jQuery实现图片的自动切换和手动控制,以及如何处理不同浏览器之间的兼容性问题。 ### 插件的核心特性 1. **多图切换**:插件允许在同一页面上同时管理多个独立的图片轮播,每个...

    jq滑动切换页面

    **jQuery 滑动切换页面详解** 在网页设计和开发中,用户交互体验是一个至关重要的因素,其中滑动切换页面效果能为网站增添流畅性和吸引力。`jQuery` 是一款广泛使用的 JavaScript 库,它简化了 DOM 操作、事件处理...

    javascript图片自动切换效果

    在网页设计中,JavaScript常被用来实现各种各样的动态功能,如表单验证、页面交互以及动画效果,其中包括图片自动切换效果。这个"javascript图片自动切换效果"就是一种常见的网页动态展示方式,它能够使一组图片按照...

    选项卡自动切换

    在实现"选项卡自动切换"的过程中,主要涉及以下几个关键技术点: 1. HTML 结构:首先,我们需要创建HTML结构来定义选项卡和它们对应的内容区域。通常,我们会有一个包含多个`<li>`元素的无序列表(`<ul>`)表示选项...

    bootstrap实现页面切换

    6. **响应式设计**:Bootstrap的核心特性之一就是响应式布局,它能根据设备屏幕尺寸自动调整页面布局。通过使用栅格系统(Grid System),我们可以轻松地创建自适应的页面结构。栅格由行(Row)和列(Column)组成,...

    jquery制作大型户外广告自动切换

    在本文中,我们将深入探讨如何使用jQuery来制作大型户外广告的自动切换效果,这是一种常见的图片轮播功能。jQuery是一款强大的JavaScript库,它简化了DOM操作、事件处理和动画效果,使得开发者可以更轻松地实现此类...

    Struts2国际化——自动切换语言

    以下将详细阐述实现Struts2国际化自动切换语言的过程。 1. **资源配置文件**: - `globalMessage.properties`:这是默认的资源配置文件,存放通用的国际化信息。 - `globalMessage_zh_CN.properties`:中文资源...

    http https 切换

    标题 "HTTP HTTPS 切换" 涉及到的是网络安全领域的一个重要概念,即超文本传输协议(HTTP)与安全套接层/传输层安全(HTTPS)的转换。这两种协议在互联网上广泛用于数据传输,但它们之间存在显著的安全差异。 HTTP ...

    网络爬虫-如何通过selenium框架实现自动切换浏览器页面-Python实例源码.zip

    本主题聚焦于如何利用Python的Selenium框架来实现自动切换浏览器页面,这是一个非常实用的技术,尤其对于那些需要模拟用户交互或者处理动态加载内容的网站。 Selenium是一个强大的自动化测试工具,它允许开发者模拟...

    asp程序页面切换与导航

    ASP程序页面切换与导航是Web开发中的基础且关键部分,涉及到如何在不同的页面间进行有效跳转以及如何构建清晰的网站导航结构。本篇将基于提供的实验报告,深入解析页面切换与导航的相关知识点,包括超链接、控件的...

    Android自动切换多页面展示效果

    自动切换展示图片效果,并且图片有标题,点击图片可以跳转链接。。。。。 跟“Android实现图片滚动控件,含页签功能,让你的应用像淘宝一样炫起来”http://blog.csdn.net/sinyu890807/article/details/8769904效果...

    IE多页面标签插件,类似于sougou浏览器的多页面插件

    标题中的“IE多页面标签插件”指的是针对Internet Explorer(IE)浏览器的一种增强型扩展工具,它使得原本单页面操作的IE能够支持多标签页浏览,就像搜狗浏览器那样,让用户在同一窗口内可以同时打开并切换多个网页...

    移动端滑动切换tab页

    在移动端应用开发中,用户...例如,可以添加手势识别,支持快速滑动时的自动切换;还可以添加回弹动画,提高交互的流畅度。总之,良好的滑动切换体验能够显著提升移动应用的用户体验,值得开发者投入时间和精力去优化。

Global site tag (gtag.js) - Google Analytics