web页面中自动切换http/https
当我们的某个应用支持https后
就会有这样的需求:当用户使用https访问某个页面时,那么页面里多的所有元素也都应该是https的请求,反之亦然
通常会有以下2种办法:
- 在js中通过location.protocol来获取当前页面的Scheme,然后来生成对应的url
- 使用相对路径来实现:
- /js/pv_v204.js
- ../images/pic.gif
- css/style.css
- //vip.sohu.com/pay/pay_auth.jsp
折叠复制代码
这几种相对路径都是合法的
注意最后一种用法,对于需要的资源不在同一个域下时非常有用
它省略了url中的Scheme部分,这样它就会根据当页面的Scheme来自动切换了